* {
	margin: 0;
	padding: 0
}
li, ol, ul {
	list-style: none
}
a, a:hover {
	color: #000
}
a, a:hover, a:link, a:visited {
	text-decoration: none
}
.clear{ clear:both}
body {
	font-family: Lato, sans-serif;
	font-size: 16px
}
img {
	border: none;
	max-width: 100%
}
div {
	box-sizing: border-box
}
table {
	border-collapse: collapse
}

.slideTxtBox{ max-width:1080px; min-width:1080px; margin:40px auto; overflow:hidden; border:1px solid #ddd; min-height:500px}
.slideTxtBox .hd{ float:left; width:277px; background-color:#f0f6f9; border:2px solid #007cc2; border-right:none}
.slideTxtBox .hd ul li{ position:relative;cursor:pointer; height:43px; border-bottom:1px solid #fff; padding-left:20px; line-height:43px; font-size:14px; color:#555; border-right:1px solid #ddd;border-top:1px solid #f0f6f9;}
.slideTxtBox .hd ul li:first-child .bd
{ 
display: block;
}
.slideTxtBox .hd ul li:nth-child(n+2) .bd
{ 
display: none;
}
.slideTxtBox .hd ul.pritem li{position:relative;}
.slideTxtBox .hd ul li.on{ background-color:#fff; color:#007cc2; border-right:1px solid #fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.slideTxtBox .hd ul li.on .slideTxtBox .bd{display:block ; position:absolute; }
.slideTxtBox .hd ul li:hover .bd{display:block }
.slideTxtBox .bd{ float:right; width:751px; padding:35px 21px 0 20px; display:none;position:absolute; }
.slideTxtBox .bd ul{ overflow:hidden}
.bd_l{ float:left; overflow:hidden; width:375px; margin-top:30px}
.bd_l li{ float:left}
.bd_l li a{ padding:6px 12px; border:1px solid #ddd; float:left; margin:0 10px 10px 0;color: #757575;}
.bd_l li a:hover{ background-color:#007cc2; color:#fff}
.bd_r{ float:right; width:339px}
.bd_r h2{ font-size:14px; color:#757579; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:25px}
.bd_r dl{ overflow:hidden;}
.bd_r dt{ text-align:center; width:105px; float:left;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms; margin-right:8px; margin-bottom:20px}
.bd_r dt img{ border:1px solid #e4e4e4; width:105px; height:96px}
.bd_r dt span{ display:block; font-size:11px; margin-top:3px}
.bd_r dt:hover img{ border:1px solid #007cc2}

.brand{ background-color:#f4f4f4; min-width:1080px}
.brand_main{ max-width:1080px; margin:0 auto; padding:40px 0 20px}
li {
    list-style: none;
}
ul, ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.slideTxtBox .hd ul li .bd_l li {
  float: left;
  border: none;
  padding: 0;
  line-height: 25px;
  height: ;
  display: block;
}
.bd_l li a {
  padding: 6px 12px;
  border: 1px solid #ddd;
  float: left;
  margin: 0 10px 10px 0;
  color: #757575;
  line-height: 25px;
}
.slideTxtBox .bd {
  float: left;
  width: 751px;
  padding: 35px 21px 0 20px;
    padding-top: 35px;
  display: none;
  position: absolute;
  margin-left: 250px;
  padding-top: 0;
  margin-top: 0;
  top: 30px;
}
.table-responsive {
	touch-action: auto;
	width: 100%;
margin:.2rem 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
header {
	position: relative
}
header .header-top {
	display: flex;
	height: 50px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e6e6e6;
    color: #888;
	padding: 0 180px;
	justify-content: space-between
}
header .header-top .top-info {
	display: flex;
	align-items: center;
	height: 100%;
	color: #ccc
}
header .header-top .top-info i {
	margin-right: 5px
}
header .header-top .top-info .info-email {
	margin-left: 30px
}
header .header-top .top-info a {
	color: #ccc
}
header .header-top .top-right {
	display: flex;
	align-items: center;
	height: 100%
}
header .header-top .top-right .search-input {
	display: flex;
	align-items: center;
	width: 230px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 15px;
	position:relative;
}
header .header-top .top-right .search-input .icon-search {
	cursor: pointer;
	color: #ccc;
	margin-left: 18px
}
header .header-top .top-right .search-input input {
	margin-left: 10px;
	height: 24px;
	outline: 0;
	border: none;
	color: #ccc;
	background:#f2f2f2;
}
header .header-top .top-right .search-input .search-btn {
	display: inline-block;
	width: 16px;
	height: 18.5px; position:absolute; background:none; left:8px; cursor:pointer;
}
header .header-top .top-right .language-list {
	margin-left: 18px;
	width: 100px;
	height: 30px;
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ccc
}
header .header-top .top-right .language-list i {
	color: #ccc;
	margin-left: 10px;
	transform: scale(1.3);
	cursor: pointer
}
header .header-top .top-right #xyz {
	z-index: 999;
	width: 40px;
	position: relative
}
header .header-top .top-right #xyz .xyz12 {
	position: absolute;
	top: -20px;
	box-sizing: border-box
}
header .header-top .top-right #xyz .xyz12 span {
	position: absolute;
	right: 10px;
	top: 12px;
	background: url(../images/down_w.png) no-repeat;
	width: 20px;
	height: 20px
}
header .header-top .top-right #xyz .xyz12 span:hover {
	cursor: pointer
}
header .header-top .top-right #xyz .xyz12 ul li {
	display: none;
	padding-left: 5px;
	width: 120px;
	height: 40px;
	line-height: 40px
}
header .header-top .top-right #xyz .xyz12 ul li a {
	color: #fff
}
header .header-top .top-right #xyz .xyz12 ul li a img {
	position: relative;
	top: 3px;
	margin-right: 5px
}
header .header-top .top-right #xyz .xyz12 ul li:first-child {
	display: block
}
header .header-top .top-right #xyz .xyz12 ul .bk {
	z-index: 888;
	background: #0071b3
}
header .header-top .top-right #xyz .xyz12 .up {
	transform: rotate(0);
	transition: all .6s ease
}
header .header-top .top-right #xyz .xyz12 .dp {
	transform: rotate(90deg);
	transition: all .6s ease
}
header nav {
	position: absolute;
	padding: 0 180px;
	top: 50px;
	display: flex;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	justify-content: space-between;
	background: #fff;
	z-index: 90;
	transition-property: height;
	transition-duration: .2s;
	transition-timing-function: ease
}
header nav .header-logo {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
header nav .header-logo img {
	max-width: 100%;
	max-height: 100%
}
header nav .header-logo a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
header nav ul {
	display: flex;
	position: relative
}
header nav ul li {
display: flex;
display: inline-flex;
display: -webkit-flex;
align-items: center;
	height: 100%;
	margin: 0 15px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}
header nav ul li:last-child {
	margin-right: 0
}
header nav ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: #666666;
	transition: all .3s ease
}
header nav ul li a:after {
	transition: .4s ease-in-out;
	content: "";
	background: #0071b3;
	left: 50%;
	width: 80%;
	height: 2px;
	transform: translateX(-50%) rotateY(90deg);
	position: absolute;
	bottom: 30px
}
header nav ul li .inmenu_1 {
	color: #0071b3
}
header nav ul li .inmenu_1:after {
	transition: all .3s ease;
	content: "";
	background: #0071b3;
	width: 80%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 30px
}
header nav ul li .inmenu_1~.icon-angle-down, header nav ul li:hover>.icon-angle-down, header nav ul li:hover>a {
	color: #0071b3
}
header nav ul li:hover>.icon-angle-down:after, header nav ul li:hover>a:after {
	transform: translateX(-50%) rotateY(0)
}
header nav ul .submenu {
	transition: all .5s ease;
	display: flex;
	width: 100vw;
	top: 100px;
	height: 100px;
	right: -180px;
	transform-origin: top;
	transform: rotateX(90deg);
	opacity: 0;
	position: absolute;
	background: #fff;
	justify-content: center
}
header nav ul .submenu li {
	position: relative;
	margin: 0 10px;
	border-bottom: none
}
header nav ul .submenu li a {
font-size: 16px;
font-weight: normal;
padding:0 10px ;
}
header nav ul .submenu li a:after {
	content: none
}
header nav ul .submenu li a:hover {
	color: #0071b3
}
header nav ul .submenu li:after {
	content: "";
	position: absolute;
	height: 15px;
	width: 2px;
	right: -10px;
	background: #ccc
}
header nav ul .submenu li:last-child:after {
	content: none
}
header nav ul .submenu+.icon-angle-down {
	position: relative;
	transform: scale(1);
	font-weight: 700;
	color: #666666;
	margin-left: 5px;
	top: 1px
}
header nav .nav-btn {
	display: none;
	position: relative;
	margin: auto 0;
	height: 4.2666666667vw;
	width: 5.0666666667vw
}
header nav .nav-btn span {
	border-radius: 2px;
	position: absolute;
	display: block;
	width: 5.0666666667vw;
height:.6666666667vw;
	background-color: #0071b3;
	transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s
}
header nav .nav-btn span:first-child {
top:.1vw
}
header nav .nav-btn span:nth-child(2) {
	top: 2.1333333333vw;
	width: 4.2666666667vw
}
header nav .nav-btn span:nth-child(3) {
	top: 4.2666666667vw
}
header nav .toggle-animate span:first-of-type {
	top: 1.6vw;
	transform: rotate(45deg);
	transition: top .2s, transform .2s .2s, background .2s
}
header nav .toggle-animate span:nth-of-type(2) {
	opacity: 0;
	transition: opacity .2s
}
header nav .toggle-animate span:nth-of-type(3) {
	top: 1.6vw;
	transform: rotate(-45deg);
	transition: bottom .2s, transform .2s .2s, background .2s
}
header nav .mobile-search-btn {
	display: none
}
header .min ul li a:after {
	bottom: 15px
}
main {
	margin-top: 10px;
	width: 100%
}
main .common-pages {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	width: 100%;
	height: 60px
}
main .common-pages span {
	opacity: .4
}
main .common-pages a, main .common-pages span {
	margin: 0 5px;
	transition: all .3s ease;
	box-sizing: border-box;
	border: 1px solid #f9f9f9;
	padding: 8px 14px;
	display: flex;
	height: 30px;
	justify-content: center;
	align-items: center;
	color: #494949
}
main .common-pages a:hover, main .common-pages span.ctxt {
	background: #0071b3;
	color: #fff
}
main .common-pages span.ctxt {
	opacity: 1;
	border: none
}
main.common-container .inner-banner .pc {
	display: block
}
main.common-container .inner-banner .sm {
	display: none
}
footer {
	margin-top: 30px;
	width: 100%
}
footer .top-btn {
	display: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: #fff;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	transition: all .4s ease
}
footer .top-btn:hover {
	cursor: pointer;
	background: #ccc
}
footer .top-btn i {
	position: relative;
	transform: scale(1.4)
}
footer .footer-top {
	margin: 0 180px;
	height: 140px;
	background: #0071b3;
	display: flex;
	align-items: center;
	padding: 0 43px;
	justify-content: space-between
}
footer .footer-top .contact-left {
	display: flex
}
footer .footer-top .contact-left .contact-logo img {
	position: relative;
	top: -20px
}
footer .footer-top .contact-left .contact-content {
	position: relative;
	padding-top: 20px;
	width: 600px;
	height: 100%;
	margin-left: 50px
}
footer .footer-top .contact-left .contact-content p:first-child {
	line-height: 58px;
	position: relative;
	top: 8px;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}
footer .footer-top .contact-left .contact-content p:nth-child(2) {
	font-size: 26px;
	font-weight: 700;
	color: #fff
}
footer .footer-top .contact-left .contact-content:before {
	content: "";
	position: absolute;
	left: -20px;
	width: 3px;
	height: 34px;
	background: #fff;
	opacity: .5;
	top: 60px
}
footer .footer-top .contact-btn {
	width: 206px;
	height: 60px;
	border: 2px solid #fff;
	justify-content: flex-end;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease
}
footer .footer-top .contact-btn a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: 700
}
footer .footer-top .contact-btn:hover {
	background: #fff
}
footer .footer-top .contact-btn:hover a {
	color: #0071b3
}
footer .footer-container {
	overflow: hidden;
	background: #f0f0f0;
}
footer .footer-container>ul {
	display: flex;
	height: 140px;
	background: #161616;
	margin: 0 180px
}
footer .footer-container>ul>li {
	height: 100%;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center
}
footer .footer-container>ul>li .logo {
	position: relative;
	height: 100%;
	width: 140px;
	background: url(../images/footer-contact.png) no-repeat
}
footer .footer-container>ul>li .content {
	padding-top: 25px;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-left: 30px;
	flex: 1
}
footer .footer-container>ul>li .content .content-title {
	color: #fff;
	font-weight: 700;
	line-height: 50px
}
footer .footer-container>ul>li .content .content-title:after {
	content: "";
	background: #fff;
	width: 3px;
	height: 30px
}
footer .footer-container>ul>li .content .content-text {
	font-weight: 700
}
footer .footer-container>ul>li .content .content-text, footer .footer-container>ul>li .content .content-text a {
	color: #707070;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
footer .footer-container>ul>li.map .logo {
	background-position: 50px 40px
}
footer .footer-container>ul>li.email .logo {
	background-position: -70px 40px
}
footer .footer-container>ul>li.tel .logo {
	background-position: -190px 40px
}
footer .footer-container>ul>li span {
	height: 26px;
	width: 2px;
}
footer .footer-container .bottom-info {
	margin-top: 50px;
	height: 340px;
	display: flex;
	background:none;
}
footer .footer-container .bottom-info>li {
	height: 100%;
	display: block;
	margin: 0 15px
}
footer .footer-container .bottom-info>li .title {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 70px
}
footer .footer-container .bottom-info>li:last-child {
	margin-right: 0
}
footer .footer-container .bottom-info .intro {
	flex: 1.4
}
footer .footer-container .bottom-info .intro .intro-text {
	color: #707070;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}
footer .footer-container .bottom-info .intro .intro-text span{display: block;
font-size: 24px;
color: #007cc2;
margin-top: 8px;}
footer .footer-container .bottom-info .intro p{	color: #707070;}
footer .footer-container .bottom-info .intro .contact-list {
	margin-top: 60px;
	display: flex
}
footer .footer-container .bottom-info .intro .contact-list li {
	width: 32px;
	height: 32px;
	background: #5c5c5c;
	border-radius: 50%;
	display: flex;
	margin-right: 10px;
	transition: all .5s;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 5px
}
footer .footer-container .bottom-info .intro .contact-list li img {
	display: block
}
footer .footer-container .bottom-info .intro .contact-list li:hover {
	background: #fff
}
footer .footer-container .bottom-info .nav {
	flex: 1
}
footer .footer-container .bottom-info .nav ul li a {
	position: relative;
	color: #707070;
	line-height: 28px;
	padding-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
footer .footer-container .bottom-info .nav ul li a:hover {
	color: #0071b3;
}
footer .footer-container .bottom-info .nav ul li a:after {
	content: ">";
	position: absolute;
	top: 0;
	left: 0
}
footer .footer-container .bottom-info .cate {
	flex: 1
}
footer .footer-container .bottom-info .cate ul li a {
	position: relative;
	color: #707070;
	line-height: 28px;
	padding-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
footer .footer-container .bottom-info .cate ul li a:hover {
	color: #fff
}
footer .footer-container .bottom-info .cate ul li a:after {
	content: ">";
	position: absolute;
	top: 0;
	left: 0
}
footer .footer-container .bottom-info .code {
	flex: 1
}
footer .footer-container .bottom-info .code img {
	width: 135px;
	height: 135px;
	min-width: 135px;
	background: #000;
	opacity: .7;
	transition: all .5s;
	display: block;
	margin: 0 auto
}
footer .footer-container .bottom-info .code img:hover {
	opacity: 1;
	cursor: pointer
}
footer .footer-container .bottom-info .code .title {
	text-align: center
}
footer .footer-container .bottom-info .contact-list {
	display: none
}
footer .footer-container .right-text a {
	color: #707070
}
footer .footer-container .right-text {
color: #707070;
padding: 0 180px;
font-size: 14px;
background-color: #e0e0e0;
height: 50px;
line-height: 50px;
}
.sm-mask, footer .mobile-bottom {
	display: none
}
.sm-mask {
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 9;
	top: 13.3333333333vw
}
#toast-container {
	padding-top: 250px
}
.singglepic {
	z-index: 9!important;
	width: 450px!important;
	height: 450px!important;
	margin-bottom: 40px!important;
	border-color: #eee!important;
	display: flex;
	justify-content: center;
	align-items: center
}
.home-container {
	width: 100%
}
.home-container .swiper-container .swiper-slide {
	width: 100%;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	overflow: hidden
}
.home-container .swiper-container .swiper-slide img {
	transform: translateZ(0)
}
.home-container .swiper-container .swiper-button-next:after, .home-container .swiper-container .swiper-button-prev:after {
	content: ""
}
.home-container .swiper-container .swiper-button-next i, .home-container .swiper-container .swiper-button-prev i {
	transform: scale(3);
	color: #0071b3
}
.home-container .swiper-container .swiper-pagination-bullet {
	background: #fff
}
.home-container .swiper-container .swiper-pagination-bullet-active {
	background: #0071b3
}
.home-container .part-title {
	position: relative;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 14px;
margin-bottom: 35px;
}
.home-container .part-title h3 {
	text-align: center;
	 text-transform: uppercase;
	font-size:42px;
	color: #1a1a1a;
	 font-weight:normal;
}
.home-container .part-title h3 em {
	color: #0071b3;
	font-style: normal;
}
.part-title h3 {
	text-align: center;
	 text-transform: uppercase;}
.part-title p{
	font-style: normal;
  text-transform: none;
}

.home-container .part-title p {
	text-align: center;
	color: #666666;
	line-height: 24px; font-size:14px; font-family: "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:6px;
}

.home-container .welcome-info {
	padding-top: 20px; 
	padding-bottom:20px;
}
.home-container .welcome-info .part-title:after {
	content: "01"
}
.home-container .welcome-info .part-item {
	margin: 30px 180px 0
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
	display: flex
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
	position: relative;
	border: 1px solid #eaeaea;
	flex: 1;
	margin-right: 50px;
	transition: all .5s
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child {
	margin-right: 0
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: auto;
	background: #0071b3
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {
	position: absolute;
	transition: all .5s ease;
	width: 100%;
	height: 100%;
	display: block
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
	transition: all .5s ease;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	font-size: 24px;
	transform: translate3d(0, 20px, 0);
	opacity: 0;
	color: #fff;
	z-index: 666
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after {
	content: "";
	display: block;
	padding-top: 100%
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p {
	color: #2b2b2b;
	font-family:"Times New Roman", Times, serif;
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
	margin: 20px 10px 0;
	font-size: 18px;
	line-height: 24px;
	padding-right: 5px
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
	margin: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 15px rgba(0,0,0,.3)
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {
	color: #0071b3
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {
	opacity: .4
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {
	transform: translateZ(0);
	opacity: 1
}
.home-container .welcome-info .part-item .swiper-part-pagination {
	margin: 50px 0;
	display: flex;
	justify-content: center
}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet {
	background: #000
}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active {
	background: #0071b3
}
.home-container .about-info {
overflow: hidden;
width: 100%;
display: block;
padding-top: 10px;
padding-bottom: 40px;
}

.home-container .about-info .about-img img {
	width: 100%;
	display: block
}
.home-container .about-info .about-content {
	padding: 20px 0;
	background: #0071b3;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}
.home-container .about-info .about-content .content-title {
	padding-left: 80px;
	font-size: 40px;
	font-weight: 700;
	color: #fff
}
.home-container .about-info .about-content article {
	padding-left: 80px;
	padding-right: 200px
}
.home-container .about-info .about-content article p {
	font-size: 22px;
	color: #fff;
	line-height: 36px;
	font-family: open Sans;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical
}
.home-container .about-info .about-content .about-btn {
	width: 200px;
	height: 60px;
	border: 2px solid #fff;
	font-size: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family:"Times New Roman", Times, serif;
	margin-left: 80px;
	transition: all .5s ease
}
.home-container .about-info .about-content .about-btn:hover {
	background: #fff;
	border: 2px solid #0071b3;
	cursor: pointer
}
.home-container .about-info .about-content .about-btn:hover a {
	color: #0071b3
}
.home-container .about-info .about-content .about-btn a {
	color: #fff
}

.home-container .hot-product {
	margin-top: 20px;
	padding-top:20px;
	background:#f4f4f4;
}

.home-container .hot-product ul {
	margin: 20px 180px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.home-container .hot-product ul li {
	width: 23%;
	height: 23%;
}
.home-container .hot-product ul li .pro-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #eee
}
.home-container .hot-product ul li .pro-img img {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	transition: all .5s
}
.home-container .hot-product ul li .pro-img:after {
	display: block;
	content: "";
	padding-top: 100%
}
.home-container .hot-product ul li .pro-name {
	color: #2b2b2b;
	font-size: 22px;
	text-align: center;
	line-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.home-container .hot-product ul li .pro-btn {
	width: 120px;
	height: 33px;
	margin: 0 auto;
	box-sizing: content-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #4e4d4d;
	border-radius: 16.5px;
	transition: all .5s
}
.home-container .hot-product ul li .pro-btn a {
	color: #2b2b2b;
	font-weight: 700
}
.home-container .hot-product ul li:hover .pro-img img {
	transform: scale(1.1)
}
.home-container .hot-product ul li:hover .pro-name {
	color: #0071b3
}
.home-container .hot-product ul li:hover .pro-btn {
	border: 1px solid #fff;
	background: #0071b3
}
.home-container .hot-product ul li:hover .pro-btn a {
	color: #fff
}
.home-container .hot-product{padding-top:50px; padding-bottom:50px}
.home-container .lastest-news {
	width: 100%
}
.home-container .lastest-news ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}
.home-container .lastest-news ul li {
	width: 50%
}
.home-container .lastest-news ul li a object {
	display: flex
}
.home-container .lastest-news ul li div {
	flex: 1
}
.home-container .lastest-news ul li .news-img img {
	width: 100%;
	display: block;height:300px;
}
.home-container .lastest-news ul li .news-content {
	position: relative;
	background: #f6f6f6;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}
.home-container .lastest-news ul li .news-content .news-title {
	margin: 0 80px;
	color: #2b2b2b;
	font-size: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.home-container .lastest-news ul li .news-content .news-date {
	margin: 0 80px;
	color: #666;
	font-weight: 700
}
.home-container .lastest-news ul li .news-content article {
	margin: 0 80px;
	color: #444;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.home-container .lastest-news ul li .news-content .more-link {
	margin: 0 80px;
	color: #2b2b2b;
	font-weight: 700;
	line-height: 24px;
	font-size: 18px
}
.home-container .lastest-news ul li .news-content .more-link i {
	color: #2b2b2b;
	position: relative;
	top: 1px;
	transform: scale(1.7)
}
.home-container .lastest-news ul li .news-content:before {
	content: "";
	position: absolute;
	bottom: 0;
	transition: opacity .7s ease 0s, transform .7s ease 0s;
	width: 94%;
	height: 92%;
	top: 4%;
	left: 3%;
	opacity: 0;
	border-top: 2px solid #0071b3;
	border-bottom: 2px solid #0071b3;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	box-sizing: border-box
}
.home-container .lastest-news ul li .news-content:after {
	transition: opacity .5s ease 0s, transform .5s ease 0s;
	content: "";
	border-left: 2px solid #0071b3;
	border-right: 2px solid #0071b3;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	opacity: 0;
	position: absolute;
	width: 94%;
	height: 92%;
	top: 4%;
	left: 3%;
	box-sizing: border-box
}
.home-container .lastest-news ul li:hover .news-content .more-link a, .home-container .lastest-news ul li:hover .news-content .more-link i, .home-container .lastest-news ul li:hover .news-content .news-title a {
	color: #0071b3
}
.home-container .lastest-news ul li:hover .news-content:after, .home-container .lastest-news ul li:hover .news-content:before {
	opacity: 1;
	transform: scale(1)
}
.home-container .lastest-news ul li:nth-child(3) a object, .home-container .lastest-news ul li:nth-child(4) a object {
	flex-direction: row-reverse
}
.home-container .partners {
	margin: 50px 180px 150px
}

.home-container .partners ul {
	width: 100%;
	margin-top:50px;
	display: flex;
	flex-wrap: wrap
}
.home-container .partners ul li {
	max-width: 16%;
	min-width: 16%;
	flex: 1;
	border: 1px solid #eee;
	transition: all .5s;
	text-align:center;
	overflow:hidden;
}
.home-container .partners ul li img {
	transition: all .3s ease
}
.home-container .partners ul li:nth-of-type(6n) {
	border-right: 1px solid #eee
}
.home-container .partners ul li:nth-of-type(n+7) {
	border-bottom: 1px solid #eee
}
.home-container .partners ul li:nth-of-type(n+7):hover {
	border-bottom: 1px solid #0071b3
}

.home-container .partners ul li:hover img {
	transform: scale(1.1)
}

.common-container .inner-banner {
	min-height: 50px;
	background: #f1f1f1;
	width: 100%
}
.common-container .inner-banner img {
	width: 100%;
	display: block
}
.common-container .breadcrumbs-nav {
	position: relative;
	height: 78px;
	padding: 0 180px;
	border-bottom: 1px solid #ececec;
	color: #989898
}
.common-container .breadcrumbs-nav a, .common-container .breadcrumbs-nav h1, .common-container .breadcrumbs-nav h2 {
	color: #989898;
	line-height: 78px;
	margin: 0 10px
}
.common-container .breadcrumbs-nav h1, .common-container .breadcrumbs-nav h2 {
	display: inline;
	font-size: 16px;
	color: #2b2b2b
}
.common-container .breadcrumbs-nav h1 a, .common-container .breadcrumbs-nav h2 a {
	color: #2b2b2b
}
.abouts-content {
	padding: 0 260px 50px
}
.abouts-content .abouts-title {
	margin-top: 40px;
	font-size: 28px;
	font-weight: 700;
	color: #2b2b2b;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 20px
}
.abouts-content article div {
	margin-bottom: 30px
}
.abouts-content article .content, .abouts-content article .title, .abouts-content article p {
	color: #2b2b2b;
	line-height: 28px
}
.abouts-content article .title {
	font-size: 16px;
	font-weight: 700
}
.abouts-content article .content {
	width: 1000px
}
.abouts-content article .imgs-list {
	margin-top: 30px;
	display: flex;
	justify-content: space-between
}
.abouts-content article .imgs-list li {
	margin-right: 10px
}
.abouts-content article .imgs-list li:last-child {
	margin: 0
}
.abouts-content article .imgs-list li img {
	display: block
}
.products-content {
	position: relative;
	width: 100%;
	padding-top: 0
}
.products-content .type-box {
	margin: 0 260px 50px
}
.products-content .type-box h1 {
	padding-left: 10px;
	color: #2b2b2b;
	border-left: 5px solid #0071b3;
	border-bottom: 1px solid #eee;
	display: none
}
.products-content .pro-list {
	width: 100%;

	justify-content: space-between;
	box-sizing: border-box;
	margin-top: 50px;
	padding: 0 180px
}
.products-content .pro-list li {
	transition: all .4s ease
}
.products-content .pro-list .list-1 {
	box-sizing: border-box;
	flex: 1;
	width: 23%;
	min-width: 23%;
	max-width: 23%;
	border: 2px solid #eee;
	margin-right: 20px;
	margin-bottom: 40px; float:left
}
.products-content .pro-list .list-1:nth-of-type(4n) {
	margin-right: 0
}
.products-content .pro-list .list-1 .pro-img {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
.products-content .pro-list .list-1 .pro-img a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
.products-content .pro-list .list-1 .pro-img img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	display: block
}
.products-content .pro-list .list-1 .pro-img:after {
	display: block;
	content: "";
	padding-top: 100%
}
.products-content .pro-list .list-1 .pro-name {
	padding: 10px 20px 0;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center
}
.products-content .pro-list .list-1 .pro-name a {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #4c4c4c;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px; font-weight:normal
}
.products-content .pro-list .list-1 article {
	padding: 0 20px;
	margin-top: 10px
}
.products-content .pro-list .list-1 article a {
	color: #4c4c4c;
	line-height: 18px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.products-content .pro-list .list-1>span {
	display: block;
	margin: 20px;
	height: 1px;
	background: #eee
}
.products-content .pro-list .list-1 .more-btn {
	display: block;
	margin: 30px 20px;
	height: 37px;
	background: #0071b3;
	color: #fff;
	line-height: 37px;
	text-align: center
}
.products-content .pro-list .list-1:hover {
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	transform: translateY(-3px)
}
.products-content .pro-list .list-2 {
	width: 100%;
	height: 280px;
	display: flex;
	margin-bottom: 30px
}
.products-content .pro-list .list-2 .pro-img {
	width: 280px;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e5e5e5
}
.products-content .pro-list .list-2 .pro-img img {
	display: block;
	width: 100%
}
.products-content .pro-list .list-2 .pro-info {
	padding: 40px 100px;
	flex: 1;
	background: #f6f6f6
}
.products-content .pro-list .list-2 .pro-info .pro-name a {
	font-size: 24px;
	font-weight: 700;
	color: #4c4c4c;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.products-content .pro-list .list-2 .pro-info article {
	margin-top: 35px
}
.products-content .pro-list .list-2 .pro-info article a {
	font-size: 16px;
	color: #707070;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.products-content .pro-list .list-2 .pro-info .more-btn {
	margin-top: 35px;
	width: 200px;
	height: 42px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #0071b3;
	color: #0071b3;
	font-size: 18px;
	font-weight: 700;
	transition: all .3s ease
}
.products-content .pro-list .list-2 .pro-info .more-btn i {
	position: relative;
	top: 1.2px;
	margin-left: 5px;
	transform: scale(1.1)
}
.products-content .pro-list .list-2:hover {
	cursor: pointer;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	transform: translateY(5px)
}
.products-content .pro-list .list-2:hover .pro-info .more-btn {
	background: #0071b3;
	color: #fff
}
.products-content .pro-list .list-2:hover .pro-info .more-btn i {
	color: #fff
}
.products-content .pro-list .list-2 .compare-action {
	position: relative;
	margin: 20px 0;
	width: 200px;
	height: 42px
}
.products-content .pro-list .list-2 .compare-action .compare-action-check+label {
	border-color: #1867d4
}
.products-content .pro-list .list-1.pro-checked {
	border: 2px solid #0071b3
}
.products-content .pro-list:after {
	content: "";
	width: 23%
}
.products-content .seo-key {
	margin: 0 180px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	border-radius: 5px;
	padding: 10px;
	line-height: 1.7em;
	color: #2b2b2b
}
.products-content .seo-key .keywords {
	margin-top: 10px
}
.products-content .seo-key .keywords a {
	padding: 10px;
	background: #f1f1f1;
	line-height: 2em;
	border-radius: 999px;
	margin-right: 20px;
	color: #2b2b2b
}




.pro-filter {
	position: absolute;
	top: 19px;
	right: 260px;
	height: 40px;
	background: #0071b3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px 0 10px
}
.pro-filter>a {
	color: #fff!important;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.pro-filter i {
	top: 10px;
	right: 20px;
	position: absolute;
	transform: scale(1.5);
	color: #fff
}
.pro-filter i:hover, .pro-filter:hover {
	cursor: pointer
}
.filter-box {
	overflow-y: auto;
	width: 100%;
	position: absolute;
	padding: 0 180px;
	max-height: 300px;
	min-height: 100px;
	background: #f8f8f8;
	transition: all .4s ease;
	top: -69px;
	z-index: 20;
	box-shadow: 0 7px 10px -7px rgba(0,0,0,.6);
	transform-origin: top;
	transform: rotateX(90deg);
	opacity: 0
}
.filter-box::-webkit-scrollbar {
width:3px
}
.filter-box::-webkit-scrollbar-thumb, .filter-box::-webkit-scrollbar-track {
border-radius:10px;
background-color:rgba(0,0,0,.1)
}
.filter-box::-webkit-scrollbar-thumb {
box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.filter-box .pro-type-list {
	padding: 15px 0
}
.filter-box .pro-type-list>ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}
.filter-box .pro-type-list>ul a {
	transition: all .4s ease
}
.filter-box .pro-type-list>ul a:hover {
	color: #0071b3
}
.filter-box .pro-type-list>ul .LiLevel1 {
	width: 25%;
	margin-bottom: 20px
}
.filter-box .pro-type-list>ul .LiLevel1 li:last-child {
	margin-bottom: 0
}
.filter-box .pro-type-list>ul .LiLevel1 li a {
	width: 100%;
	height: 100%;
	line-height: 40px
}
.filter-box .pro-type-list>ul .LiLevel1 li a, .filter-box .pro-type-list>ul .LiLevel1>a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: center
}
.filter-box .pro-type-list>ul .LiLevel1>a {
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	width: 70%;
	border-top: 2px solid #0071b3
}
.filter-box .pro-type-list>ul .LiLevel1 .sub-menu {
	margin: 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}
.filter-box .pro-type-list>ul .LiLevel2 {
	width: 70%;
	height: 35px;
	background-color: #fff;
	margin-bottom: 10px
}
.filter-box .pro-type-list>ul .LiLevel2 a {
	font-size: 13px
}
.filter-box .pro-type-list>ul .LiLevel2 .sub-menu {
	display: none
}
.filter-box .pro-type-list .prosubmenu {
	width: 100%
}
.filter-box .pro-type-list .prosubmenu>ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}
.filter-box .pro-type-list .prosubmenu>ul a {
	transition: all .4s ease
}
.filter-box .pro-type-list .prosubmenu>ul a:hover {
	color: #0071b3
}
.filter-box .pro-type-list .prosubmenu>ul>li {
	width: 25%;
	margin-bottom: 10px
}
.filter-box .pro-type-list .prosubmenu>ul>li>a {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 35px;
	line-height: 35px;
	background: #fff;
	text-align: center;
	width: 70%;
	border-top: 2px solid #0071b3
}
.filter-box .scrollTip {
	height: 35px;
	width: 35px;
	box-sizing: border-box;
	position: absolute;
	right: 260px;
	bottom: 40px;
	animation: down 1.5s infinite;
	border-radius: 50%;
	background: rgba(0,0,0,.3);
	-webkit-animation: down 1.5s infinite;
	display: flex;
	justify-content: center;
	align-items: center
}
.filter-box .scrollTip i {
	position: relative;
	top: 1px;
	transform: scale(2);
	color: #fff
}
@keyframes down {
0% {
transform:translate(0)
}
20% {
transform:translateY(15px)
}
40% {
transform:translate(0)
}
}
@-webkit-keyframes down {
0% {
transform:translate(0)
}
20% {
transform:translateY(15px)
}
40% {
transform:translate(0)
}
}
.common-container .news-content {
	margin: 0 180px
}
.common-container .news-content .news-list {
	margin: 50px 0 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}
.common-container .news-content .news-list .list-1 {
	width: 100%;
	height: 195px;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	margin-bottom: 20px;
	transition: all .3s ease
}
.common-container .news-content .news-list .list-1:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	transform: translateY(-2px)
}
.common-container .news-content .news-list .list-1:hover .news-info .more-btn, .common-container .news-content .news-list .list-1:hover .news-info .news-title a {
	color: #0071b3
}
.common-container .news-content .news-list .list-1 .news-img {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center
}
.common-container .news-content .news-list .list-1 .news-img img {
	width: 100%
}
.common-container .news-content .news-list .list-1 .news-info .news-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}
.common-container .news-content .news-list .list-1 .news-info .news-title {
	margin-top: 10px
}
.common-container .news-content .news-list .list-1 .news-info .news-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.common-container .news-content .news-list .list-1 .news-info .news-text {
	margin: 10px 0
}
.common-container .news-content .news-list .list-1 .news-info .news-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.common-container .news-content .news-list .list-1 .news-info .more-btn {
	position: relative;
	display: block;
	color: #4c4c4c;
	font-weight: 700
}
.common-container .news-content .news-list .list-1 .news-info .more-btn i {
	position: absolute;
	top: 1px;
	left: 80px;
	transform: scale(1)
}
.common-container .news-content .news-list .list-2 {
	margin-right: 0px;
	width: 100%;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: all .4s ease
}
.common-container .news-content .news-list .list-2:nth-of-type(4n) {
	margin-right: 0
}
.common-container .news-content .news-list .list-2 .news-img {
  width: 20%;
  float: left;
  margin-right: 20px;
}
.common-container .news-content .news-list .list-2 .news-img img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s ease;
	padding:6px;
}
.common-container .news-content .news-list .list-2 .news-info {
	padding: 8px
}
.common-container .news-content .news-list .list-2 .news-info .news-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}
.common-container .news-content .news-list .list-2 .news-info .news-title {
	margin-top: 10px
}
.common-container .news-content .news-list .list-2 .news-info .news-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.common-container .news-content .news-list .list-2 .news-info .news-text {
	margin: 10px 0
}
.common-container .news-content .news-list .list-2 .news-info .news-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.common-container .news-content .news-list .list-2:hover {
	border-color: #0071b3;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
	transform: translateY(-3px)
}
.common-container .news-content .news-list .list-2:hover .news-info .news-title a {
	color: #0071b3
}
.common-container .news-content .common-pages {
	margin-bottom: 80px
}
.knowledges-content {
	margin: 0 260px
}
.knowledges-content .knowledges-list {
	margin: 50px 0 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}
.knowledges-content .knowledges-list .list-1 {
	width: 100%;
	height: 195px;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	margin-bottom: 20px;
	transition: all .3s ease
}
.knowledges-content .knowledges-list .list-1:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	transform: translateY(-2px)
}
.knowledges-content .knowledges-list .list-1:hover .knowledges-info .knowledges-title a, .knowledges-content .knowledges-list .list-1:hover .knowledges-info .more-btn {
	color: #0071b3
}
.knowledges-content .knowledges-list .list-1 .knowledges-img {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center
}
.knowledges-content .knowledges-list .list-1 .knowledges-img img {
	width: 100%
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {
	margin-top: 10px
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {
	margin: 10px 0
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {
	position: relative;
	display: block;
	color: #4c4c4c;
	font-weight: 700
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
	position: absolute;
	top: 1px;
	left: 80px;
	transform: scale(1)
}
.knowledges-content .knowledges-list .list-2 {
	margin-right: 25px;
	width: 23%;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: all .4s ease
}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n) {
	margin-right: 0
}
.knowledges-content .knowledges-list .list-2 .knowledges-img {
	width: 100%
}
.knowledges-content .knowledges-list .list-2 .knowledges-img img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s ease
}
.knowledges-content .knowledges-list .list-2 .knowledges-info {
	padding: 8px
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {
	margin-top: 10px
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {
	margin: 10px 0
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.knowledges-content .knowledges-list .list-2:hover {
	border-color: #0071b3;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
	transform: translateY(-3px)
}
.knowledges-content .knowledges-list .list-2:hover .knowledges-info .knowledges-title a {
	color: #0071b3
}
.knowledges-content .common-pages {
	margin-bottom: 80px
}
.news-detail-content {
	margin: 50px 0 120px;
	width: 100%;
	padding: 0 260px
}
.news-detail-content .news-title {
	padding: 0 160px;
	text-align: center;
	color: #4c4c4c;
	font-size: 30px;
	line-height: 48px;
	font-weight: 700
}
.news-detail-content .news-date {
	margin: 0;
	color: #707070;
	font-weight: 700;
	text-align: center
}
.news-detail-content .news-views {
	color: #707070;
	margin-left: 20px;
	width: 120px;
	text-align: center
}
.news-detail-content .news-info {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px
}
.news-detail-content article p {
	margin-top: 30px;
	line-height: 28px;
	color: #4c4c4c
}
.news-detail-content article p:first-of-type {
	margin-top: 0
}
.news-detail-content span.line {
	margin: 50px 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ececec
}
.news-detail-content .pages-list a, .news-detail-content .pages-list div, .news-detail-content .pages-list span {
	color: #4c4c4c;
	font-size: 18px;
	line-height: 28px
}
.news-detail-content .pages-list span {
	color: #0071b3
}
.news-detail-content .pages-list div {
	margin-top: 20px
}
.news-detail-content .pages-list a:hover {
	text-decoration: underline;
	color: #0071b3
}
.knowledges-detail-content {
	margin: 60px 0 120px;
	width: 100%;
	padding: 0 260px
}
.knowledges-detail-content .knowledges-title {
	padding: 0 160px;
	text-align: center;
	color: #4c4c4c;
	font-size: 30px;
	line-height: 48px;
	font-weight: 700
}
.knowledges-detail-content .knowledges-date {
	color: #707070;
	font-weight: 700;
	text-align: center
}
.knowledges-detail-content .knowledges-views {
	color: #707070;
	margin-left: 20px;
	width: 120px;
	text-align: center
}
.knowledges-detail-content .knowledges-info {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px
}
.knowledges-detail-content article p {
	margin-top: 30px;
	line-height: 28px;
	color: #4c4c4c
}
.knowledges-detail-content article p:first-of-type {
	margin-top: 0
}
.knowledges-detail-content span.line {
	margin: 50px 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ececec
}
.knowledges-detail-content .pages-list a, .knowledges-detail-content .pages-list div, .knowledges-detail-content .pages-list span {
	color: #4c4c4c;
	font-size: 18px;
	line-height: 28px
}
.knowledges-detail-content .pages-list span {
	color: #0071b3
}
.knowledges-detail-content .pages-list div {
	margin-top: 20px
}
.knowledges-detail-content .pages-list a:hover {
	text-decoration: underline;
	color: #0071b3
}
.pro-detail-content {
	position: relative
}
.pro-detail-content .pro-review {
	margin: 50px 260px 30px;
	display: flex
}
.pro-detail-content .pro-review .pro-preview-left {
	min-width: 428px;
	height: 600px;
	box-sizing: border-box
}
.pro-detail-content .pro-review .pro-preview-right {
	padding: 30px 100px 0;
	margin-bottom: 30px;
	flex: 1
}
.pro-detail-content .pro-review .pro-preview-right .pro-name {
	font-size: 30px;
	font-family: Lato;
	font-weight: 700;
	color: #2b2b2b;
}
.pro-detail-content .pro-review .pro-preview-right .pro-price, .pro-detail-content .pro-review .pro-preview-right .pro-views {
	font-size: 24px;
	font-family: Arial;
	color: #0071b3;
	line-height: 24px;
	margin: 20px 0
}
.pro-detail-content .pro-review .pro-preview-right article {
	font-size: 16px;
	color: #2b2b2b;
	line-height: 24px;
	margin-right: 100px
}
.pro-detail-content .pro-review .pro-preview-right .btn-list {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn, .pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
height: 46px;
width: 46%;
border: 1px solid #0071b3;
display: flex;
justify-content: center;
align-items: center;
margin: 5% 2%;
cursor: pointer;
float: left;
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a, .pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span, .pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
	font-size: 18px;
	color: #0071b3
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span, .pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span {
	color: #fff
}
.pro-detail-content .pro-detail-title {
	line-height: 64px;
	padding: 0 180px;
	height: 64px;
	width: 100%;
	background: #f8f8f8;
	font-size: 20px;
	color: #2b2b2b;
	font-weight: 700
}
.pro-detail-content .pro-intro {
	margin: 30px 180px 0
}
.pro-detail-content .pro-intro .intro-title {
	font-size: 20px;
	font-weight: 700;
	color: #0071b3;
	line-height: 50px
}
.pro-detail-content .pro-intro article {
	font-size: 16px;
	color: #2b2b2b;
	line-height: 24px;
	padding: 30px 400px 30px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}
.pro-detail-content .pro-spec {
	margin: 30px 180px 0
}
.pro-detail-content .pro-spec .spec-title {
	font-size: 20px;
	font-weight: 700;
	color: #0071b3;
	line-height: 50px
}
.pro-detail-content .pro-spec .spec-content {
	padding: 30px 400px 30px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}
.pro-detail-content .pro-spec .spec-content table tr td {
	height: 50px;
	width: 480px
}
.pro-detail-content .productsTags {
	margin: 30px 180px 0
}
.pro-detail-content .pro-bottom-tip {
	margin: 0 180px;
	font-size: 16px;
	color: #2b2b2b;
	padding: 40px 0
}
.pro-detail-content .pro-page-switch {
	width: 100%;
	background: #f8f8f8;
	height: 50px;
	padding: 0 180px;
	display: flex;
	justify-content: space-between;
	margin: 50px 0
}
.pro-detail-content .pro-page-switch .page-next, .pro-detail-content .pro-page-switch .page-prev {
	font-size: 18px;
	font-weight: 700;
	color: #2b2b2b;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.pro-detail-content .pro-page-switch .page-prev {
	display: flex
}
.pro-detail-content .pro-page-switch .page-prev i {
	margin-right: 10px
}
.pro-detail-content .pro-page-switch .page-prev .page-btn {
	margin-right: 30px
}
.pro-detail-content .pro-page-switch .page-next {
	display: flex;
	flex-direction: row-reverse
}
.pro-detail-content .pro-page-switch .page-next i {
	margin-left: 10px
}
.pro-detail-content .pro-page-switch .page-next .page-btn {
	margin-left: 30px
}
.pro-detail-content .pro-page-switch .page-btn {
	width: 240px;
	height: 100%;
	background: #0071b3;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	line-height: 50px
}
.pro-detail-content .pro-page-switch a {
	font-size: 18px;
	font-weight: 700;
	color: #2b2b2b;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.pro-detail-content .random-pro-list {
	margin: 0 260px
}
.pro-detail-content .random-pro-list .random-title {
	font-size: 30px;
	font-weight: 700;
	color: #2b2b2b
}
.pro-detail-content .random-pro-list ul {
	margin-top: 30px;
	display: flex;
	justify-content: space-between
}
.pro-detail-content .random-pro-list ul li {
	flex: 1;
	max-width: 15%;
	min-width: 15%
}
.pro-detail-content .random-pro-list ul li .pro-img {
	width: 100%;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}
.pro-detail-content .random-pro-list ul li .pro-img img {
	width: 100%;
	transition: all .3s ease
}
.pro-detail-content .random-pro-list ul li .pro-img:after {
	display: block;
	content: "";
	padding-top: 100%
}
.pro-detail-content .random-pro-list ul li .pro-name {
	text-align: center;
	font-family:"Times New Roman", Times, serif;
	font-weight: 700;
	color: #2b2b2b;
	min-height: 40px;
	margin: 20px 0
}
.pro-detail-content .random-pro-list ul li .more-btn {
	margin: 0 auto;
	display: block;
	width: 100px;
	height: 33px;
	border: 1px solid #000;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: #2b2b2b;
	transition: all .3s ease
}
.pro-detail-content .random-pro-list ul li:hover .more-btn {
	background: #0071b3;
	color: #fff;
	border: 1px solid #0071b3
}
.pro-detail-content .random-pro-list ul li:hover .pro-img img {
	transform: scale(1.2)
}
.pro-detail-content .send-inquiry {
	margin-top: 90px
}
.pro-detail-content .send-inquiry .inquiry-title {
	height: 64px;
	width: 100%;
	background: #f8f8f8;
	margin: 40px 0;
	font-size: 30px;
	font-weight: 700;
	color: #2b2b2b;
	text-align: center;
	line-height: 64px
}
.pro-detail-content .send-inquiry .inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 260px
}
.pro-detail-content .share-btn-list {
	margin-top: 30px
}
.swiper-pagination-bullet-active {
	background: #0071b3!important
}
.common-container .contact-wrapper {
	margin: 50px 0;
	display: flex
}
.common-container .contact-wrapper .contact-left {
	padding: 52px 60px;
	width: 440px;
	background: #f8f8f8
}
.common-container .contact-wrapper .contact-left .title {
	font-size: 30px;
	font-weight: 700;
	color: #4c4c4c
}
.common-container .contact-wrapper .contact-left ul {
	margin-top: 30px
}
.common-container .contact-wrapper .contact-left ul li {
	margin: 16px 0;
	color: #4c4c4c;
	line-height: 24px
}
.common-container .contact-wrapper .contact-left ul li .contact-way {
	font-size: 18px;
	font-weight: 700
}
.common-container .contact-wrapper .contact-left ul li .contact-info {
	font-size: 16px
}
.common-container .contact-wrapper .contact-left ul li .contact-num {
	font-size: 20px;
	margin-top: 10px
}
.common-container .contact-wrapper .contact-main {
	margin-left: 20px;
	flex: 1
}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: 30px
}
.common-container .video-content {
	margin: 0 260px
}
.common-container .video-content .video-list {
	margin: 50px 0;
	width: 100%
}
.common-container .video-content .video-list li {
	height: 195px;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	margin-bottom: 20px;
	transition: all .3s ease
}
.common-container .video-content .video-list li:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	transform: translateY(-2px)
}
.common-container .video-content .video-list li:hover .video-info .more-btn, .common-container .video-content .video-list li:hover .video-info .video-title a {
	color: #0071b3
}
.common-container .video-content .video-list li .video-img {
	width: 200px;
	height: 150px
}
.common-container .video-content .video-list li .video-img img {
	width: 100%
}
.common-container .video-content .video-list li .video-info .video-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}
.common-container .video-content .video-list li .video-info .video-title {
	margin-top: 10px
}
.common-container .video-content .video-list li .video-info .video-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.common-container .video-content .video-list li .video-info .video-text {
	margin: 10px 0
}
.common-container .video-content .video-list li .video-info .video-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px
}
.common-container .video-content .video-list li .video-info .more-btn {
	position: relative;
	display: block;
	color: #4c4c4c;
	font-weight: 700
}
.common-container .video-content .video-list li .video-info .more-btn i {
	position: absolute;
	top: 1px;
	left: 80px;
	transform: scale(1)
}
.common-container .video-content .video-list-2 {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
	width: 100%
}
.common-container .video-content .video-list-2 li {
	margin-right: 36px;
	width: 23%;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: all .4s ease
}
.common-container .video-content .video-list-2 li:nth-of-type(4n) {
	margin-right: 0
}
.common-container .video-content .video-list-2 li .video-img {
	width: 100%
}
.common-container .video-content .video-list-2 li .video-img img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s ease
}
.common-container .video-content .video-list-2 li .video-info {
	padding: 8px
}
.common-container .video-content .video-list-2 li .video-info .video-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}
.common-container .video-content .video-list-2 li .video-info .video-title {
	margin-top: 10px
}
.common-container .video-content .video-list-2 li .video-info .video-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.common-container .video-content .video-list-2 li .video-info .video-text {
	margin: 10px 0
}
.common-container .video-content .video-list-2 li .video-info .video-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.common-container .video-content .video-list-2 li:hover {
	border-color: #0071b3;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
	transform: translateY(-3px)
}
.common-container .video-content .video-list-2 li:hover .video-info .video-title a {
	color: #0071b3
}
.common-container .video-content .common-pages {
	margin-bottom: 80px
}
.common-container .feedback-content {
	margin: 50px 0;
	padding: 0 180px;
	display: flex
}
.common-container .feedback-content .feedback-main {
	margin-left: 20px;
	flex: 1
}
.common-container .feedback-content .feedback-main .feedback-tips {
	margin-bottom: 50px
}
.common-container .feedback-content .feedback-main .feedback-tips p {
	line-height: 30px
}
.common-container .feedback-content .feedback-main .feedback-tips p a {
	color: #0071b3
}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
@media(min-width:1441px)and (max-width:1680px) {
.home-container .about-info .about-content .content-title {
	font-size: 30px
}
.home-container .about-info .about-content article {
	padding-right: 100px
}
.home-container .about-info .about-content article p {
	font-size: 18px
}
.home-container .about-info .about-content .about-btn {
	width: 140px;
	height: 40px;
	font-size: 18px
}
.home-container .lastest-news ul li .news-content .more-link, .home-container .lastest-news ul li .news-content .news-date, .home-container .lastest-news ul li .news-content .news-title, .home-container .lastest-news ul li .news-content article {
	margin: 0 50px
}
}
@media(min-width:1281px)and (max-width:1440px) {
.home-container .about-info .about-content .content-title {
	font-size: 26px
}
.home-container .about-info .about-content article {
	padding-right: 100px
}
.home-container .about-info .about-content article p {
	font-size: 14px
}
.home-container .about-info .about-content .about-btn {
	width: 120px;
	height: 30px;
	font-size: 14px
}
.home-container .lastest-news ul li .news-content .news-title {
	margin: 0 40px;
	font-size: 20px
}
.home-container .lastest-news ul li .news-content .more-link, .home-container .lastest-news ul li .news-content .news-date, .home-container .lastest-news ul li .news-content article {
	margin: 0 40px
}
}
@media(min-width:1281px)and (max-width:1520px) {
.home-container .welcome-info .part-item {
	margin: 80px 100px 0
}
.home-container .hot-product ul {
	margin: 80px 180px
}
.home-container .partners {
	margin: 50px 180px 150px
}
}
@media(max-width:1440px) {
.home-container .part-title p:first-child {
	font-size: 40px
}
.home-container .part-title:after {
	font-size: 170px
}
.home-container .about-info .about-content .content-title {
	padding-left: 20px;
	font-size: 18px
}
.home-container .about-info .about-content article {
	padding: 0 20px
}
.home-container .about-info .about-content article p {
	font-size: 15px;
	line-height: 28px
}
.home-container .about-info .about-content .about-btn {
	width: 120px;
	height: 30px;
	font-size: 14px;
	margin-left: 20px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.home-container .welcome-info .part-item {
	margin: 80px 50px 0
}
.home-container .hot-product ul {
	margin: 80px 50px
}
.home-container .lastest-news ul li .news-content .news-title {
	margin: 0 30px;
	font-size: 16px
}
.home-container .lastest-news ul li .news-content .more-link, .home-container .lastest-news ul li .news-content .news-date, .home-container .lastest-news ul li .news-content article {
	margin: 0 30px
}
.home-container .partners {
	margin: 140px 50px 150px
}
}
@media(min-width:769px)and (max-width:1081px) {
.home-container .welcome-info .part-item {
	margin: 80px 15px 0 25px
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
	margin-right: 25px
}
.home-container .about-info .about-content article {
	padding: 0 20px
}
.home-container .about-info .about-content article p {
	font-size: 13px;
	line-height: 28px
}
.home-container .hot-product ul {
	margin: 80px 25px
}
.home-container .lastest-news ul li .news-content .news-date, .home-container .lastest-news ul li .news-content .news-title {
	margin: 0 20px;
	font-size: 14px
}
.home-container .lastest-news ul li .news-content .more-link, .home-container .lastest-news ul li .news-content article {
	margin: 0 20px;
	font-size: 12px
}
.home-container .lastest-news ul li .news-content:before {
	border-top: 2px solid #0071b3;
	border-bottom: 2px solid #0071b3
}
.home-container .lastest-news ul li .news-content:after {
	border-left: 2px solid #0071b3;
	border-right: 2px solid #0071b3
}
.home-container .lastest-news ul li .news-content:after, .home-container .lastest-news ul li .news-content:before {
	width: 96%;
	height: 94%;
	top: 3%;
	left: 2%
}
.home-container .partners {
	margin: 140px 25px 150px
}
}
@media screen and (max-width:768px) {
.home-container #swiper-banner .swiper-button-next, .home-container #swiper-banner .swiper-button-prev {
	display: none
}
.home-container .part-title h3 {
	font-size: 4.8vw
}
.home-container .part-title p {
	line-height: 24px;
	font-size: 3.4666666667vw
}
.home-container .part-title:after {
	font-size: 19.2vw;
	top: -6.6666666667vw
}
.home-container .welcome-info {
	margin-top: 13.3333333333vw; margin-top:0
}
.home-container .welcome-info .part-item {
	margin: 6vw 3vw 0;
	 margin-top:0;
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
	max-width: 44vw
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
	margin: 2.6666666667vw 1.3333333333vw 0;
	font-size: 3.4666666667vw;
	line-height: 120%;
padding-right:.5333333333vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 9.3333333333vw
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
	margin: 1.3333333333vw;
	font-size: 3.2vw;
	line-height: 14px
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
	min-height: 41vw;
	background: #fff
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {
	transform: translateY(0);
	box-shadow: none
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {
	color: #0071b3
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {
	opacity: .4
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {
	transform: translateZ(0);
	opacity: 1
}
.home-container .welcome-info .part-item .swiper-part-pagination {
	margin: 4vw 0
}
.home-container .about-info {
	position: relative
}
.home-container .about-info .about-img {
	width: 100%;
	background: #0071b3
}
.home-container .about-info .about-img img {
	opacity: .1
}
.home-container .about-info .about-content {
	padding: 2.6666666667vw 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: 0 0
}
.home-container .about-info .about-content .content-title {
	padding-left: 5.3333333333vw;
	font-size: 4.8vw;
	font-weight: 700;
	color: #fff
}
.home-container .about-info .about-content article {
	padding-left: 5.3333333333vw;
	padding-right: 4vw
}
.home-container .about-info .about-content article p {
	font-size: 4vw;
	line-height: 150%
}
.home-container .about-info .about-content article p:nth-child(2) {
	display: none
}
.home-container .about-info .about-content .about-btn {
	width: 26.6666666667vw;
	height: 10.6666666667vw;
	border: 1px solid #fff;
	font-size: 4vw;
	font-family:"Times New Roman", Times, serif;
	margin-left: 5.3333333333vw;
	transition: all .5s ease
}
.home-container .about-info .about-content .about-btn:hover {
	background: #fff;
	border: 2px solid #0071b3;
	cursor: pointer
}
.home-container .about-info .about-content .about-btn:hover a {
	color: #0071b3
}
.home-container .about-info .about-content .about-btn a {
	color: #fff
}
.home-container .hot-product {
	margin-top: 13.3333333333vw
}
.home-container .hot-product ul {
	margin: 13.3333333333vw 6.6666666667vw
}
.home-container .hot-product ul li {
	width: 48%;
	margin-bottom: 6.6666666667vw;
	margin-right: 1.8666666667vw
}
.home-container .hot-product ul li:nth-of-type(2n) {
	margin-right: 0
}
.home-container .hot-product ul li .pro-img {
	min-height: 40vw
}
.home-container .hot-product ul li .pro-name {
	font-size: 3.4666666667vw;
	text-align: center;
	line-height: 4.8vw;
	margin: 2.6666666667vw 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.home-container .hot-product ul li .pro-name a{ font-weight:normal; color:#282828}
.home-container .hot-product ul li .pro-btn {
	display: none
}
.home-container .lastest-news ul li {
	width: 100%
}
.home-container .lastest-news ul li:nth-of-type(2n) {
	display: none
}
.home-container .lastest-news ul li .news-content, .home-container .lastest-news ul li .news-img {
	width: 50%
}
.home-container .lastest-news ul li .news-content .news-title {
	margin: 1.0666666667vw 2.6666666667vw 0;
	font-size: 3.4666666667vw
}
.home-container .lastest-news ul li .news-content .news-date {
margin:.6666666667vw 2.6666666667vw;
	font-size: 3.2vw
}
.home-container .lastest-news ul li .news-content article {
	display: none;
	margin: 0 2.6666666667vw;
	font-size: 3.2vw;
	line-height: 110%
}
.home-container .lastest-news ul li .news-content .more-link {
	display: none
}
.home-container .partners {
	margin: 13.3333333333vw 6.6666666667vw 20vw
}
.home-container .partners ul {
	margin-top: 10.6666666667vw
}
.home-container .partners ul li {
	box-sizing: border-box;
	max-width: 33%;
	min-width: 33%;
	height: auto;
	padding-bottom: 0;
	border: 1px solid #eee;
	border-right: none;
	border-bottom: none; overflow:hidden;
}
.home-container .partners ul li:nth-of-type(6n) {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: none
}
.home-container .partners ul li:nth-of-type(3n) {
	border-right: 1px solid #eee
}
.home-container .partners ul li:nth-of-type(n+7) {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: none
}
.home-container .partners ul li:nth-of-type(n+10), .home-container .partners ul li:nth-of-type(n+7):hover {
	border-bottom: 1px solid #eee
}
.home-container .partners ul li:hover {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee
}
.home-container .partners ul li:hover+li {
	border-left: 1px solid #eee
}
.home-container .partners ul li:hover+li+li+li+li+li+li {
	border-top: 1px solid #eee
}
.home-container .partners ul li:nth-of-type(6n):hover {
	border-right: 1px solid #eee
}
}
@media screen and (min-width:751px)and (max-width:768px) {
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
	font-size: 18px;
	min-height: 0
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
	font-size: 14px
}
.home-container .about-info .about-content .content-title {
	font-size: 28px
}
.home-container .about-info .about-content article p, .home-container .hot-product ul li .pro-name, .home-container .lastest-news ul li .news-content .news-title {
	font-size: 24px
}
.home-container .lastest-news ul li .news-content .news-date {
	font-size: 20px
}
.home-container .lastest-news ul li .news-content article {
	font-size: 18px
}
}
@media(min-width:1281px)and (max-width:1520px) {
header .header-top, header nav {
	padding: 0 100px
}
header nav ul .submenu {
	right: -100px
}
main.common-container .breadcrumbs-nav {
	padding: 0 100px
}
footer .footer-container>ul, footer .footer-top {
	margin: 0 180px
}
footer .footer-container .right-text {
	padding: 0 100px
}
}
@media(min-width:1081px)and (max-width:1280px) {
header .header-top, header nav {
	padding: 0 50px
}
header nav ul .submenu {
	right: -50px
}
header nav ul .submenu li a {
	font-size: 14px
}
header nav ul li a {
	font-size: 16px
}
main.common-container .breadcrumbs-nav {
	padding: 0 50px
}
footer .footer-container>ul, footer .footer-top {
	margin: 0 50px
}
footer .footer-container .right-text {
	padding: 0 50px
}
}
@media(min-width:769px)and (max-width:1080px) {
header .header-top, header nav {
	padding: 0 25px
}
header nav ul .submenu {
	right: -25px
}
header nav ul .submenu li a {
	font-size: 12px
}
header nav ul li {
	margin: 0 8px
}
header nav ul li a {
	font-size: 14px
}
main.common-container .breadcrumbs-nav {
	padding: 0 25px
}
footer .footer-top {
	margin: 0 25px
}
footer .footer-top .contact-left .contact-content p:nth-child(2) {
	font-size: 20px
}
footer .footer-container>ul {
	margin: 0 25px
}
footer .footer-container .right-text {
	padding: 0 25px
}
}
@media screen and (max-width:768px) {
	.about_con {
  margin:0;
}
body, html {
	overflow: hidden;
	overflow-y: auto
}
body {
	font-size: 4vw
}
header .header-top {
	position: relative;
	background: 0 0
}
header .header-top .top-info, header .header-top i {
	display: none
}
header .header-top .top-right {
	transition: all .4s ease
}
header .header-top .top-right .search-input {
	position: fixed;
	width: 100vw;
	left: 0;
	background: #333;
	border-radius: 0;
	padding: 10.6666666667vw;
	z-index: 80;
	border: none;
	display: flex;
	opacity: 0;
	top: 0;
	transition: all .4s ease
}
header .header-top .top-right .search-input .search-btn {
	padding: 0 1.3333333333vw;
	display: block;
	height: 10.6666666667vw;
	line-height: 10.6666666667vw;
	background: #0071b3;
	color: #fff;
	transition: all .4s ease
}
header .header-top .top-right .search-input input {
	flex: 1;
	height: 10.6666666667vw;
	background-color: #fff;
	color: #000;
	padding-left: 4vw;
	transition: all .4s ease
}
header .header-top .top-right .search-active {
	opacity: 1;
	top: 13.3333333333vw
}
header nav {
	position: relative;
	width: 100vw;
	height: 13.3333333333vw;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 6.6666666667vw;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
}
header nav ul {
	background-color: #232429;
	top: 13.3333333333vw;
	left: 0;
	position: absolute;
	flex-direction: column;
	width: 66.7%
}
header nav ul li {
	position: relative;
	height: auto;
	margin: 0;
	display: block;
	padding: 4vw 5.3333333333vw;
	border-bottom: 1px solid hsla(0,0%,100%,.5)
}
header nav ul li a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-size: 4vw
}
header nav ul li a:hover {
	color: #0071b3
}
header nav ul li a:hover:after {
	display: none;
	transform: none
}
header nav ul li .inmenu_1 {
	color: #fff
}
header nav ul li .inmenu_1:after {
	content: none
}
header nav ul li:last-child {
	border-bottom: none
}
header nav ul li i {
	position: absolute;
	box-sizing: border-box;
	width: 8vw;
	height: 4vw;
	padding-left: 4vw;
	right: 4vw;
	top: 4vw;
	color: #fff;
	transform: scale(1.4) rotate(0);
	transform-origin: center center;
	transition: all .3s
}
header nav ul li .slide-active {
	transform: scale(1.4) rotate(90deg);
	transform-origin: 6vw 2.9vw
}
header nav ul li:hover>a, header nav ul li:hover>i {
	color: #fff
}
header nav ul li:hover>a:after, header nav ul li:hover>i:after {
	transform: translateX(-50%) rotateY(90deg)
}
header nav ul .submenu {
	transition: none;
	position: relative;
	width: 100%;
	right: 0;
	transform-origin: top;
	transform: rotateX(0);
	opacity: 1;
	height: auto;
	background: #232429;
	top: 0;
	list-style-type: square;
	display: none
}
header nav ul .submenu li {
	position: relative;
	list-style-type: square;
	padding: 2.6666666667vw 0 0;
	margin: 0 0 0 5.3333333333vw
}
header nav ul .submenu li a {
	font-size: 3.4666666667vw
}
header nav ul .submenu li:after {
	content: none
}
header nav ul .submenu li:before {
	content: "";
	position: absolute;
	top: 4.2666666667vw;
	left: -2.6666666667vw;
	width: 1.0666666667vw;
	height: 1.0666666667vw;
	background-color: #fff
}
header nav>ul {
	left: -66.7%
}
header nav .nav-btn {
	width: 33%;
	display: flex
}
header nav .mobile-search-btn {
	display: block;
	width: 33%;
	display: flex;
	justify-content: flex-end;
	align-items: center
}
header nav .mobile-search-btn i {
	transform: scale(1.4);
	color: #919194
}
header nav .header-logo {
	width: 33%
}
main {
	margin-top: 0
}
main .breadcrumbs-nav {
	display: none
}
main .common-pages {
	margin-bottom: 6.6666666667vw;
	height: 8vw;
	font-size: 4.6666666667vw
}
main .common-pages a, main .common-pages span {
margin:0 .6666666667vw;
	padding: 1.3333333333vw 2.6666666667vw;
	font-size: 4.6666666667vw;
	height: auto
}
main.common-container .inner-banner {
	min-height: 0
}
main.common-container .inner-banner .pc {
	display: none
}
main.common-container .inner-banner .sm {
	display: block;
	min-height: 40vw;
	background: url(../images/inner-banner-sm.jpg);
	background-size: 100vw 40vw
}
footer {
	margin-top: 6.6666666667vw
}
footer .footer-top {
	height: 18.6666666667vw;
	margin: 0;
	padding: 0 6.6666666667vw
}
footer .footer-top .contact-left .contact-logo {
	display: none
}
footer .footer-top .contact-left .contact-content {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding-top: 0;
	margin-left: 0;
	width: 60vw;
	height: 18.6666666667vw
}
footer .footer-top .contact-left .contact-content p:first-child {
	font-size: 4vw;
	line-height: 4vw;
	top: 0;
	left: -5.3333333333vw;
	transform: scale(.8)
}
footer .footer-top .contact-left .contact-content p:nth-child(2) {
	position: relative;
	left: -5.3333333333vw;
	font-size: 4vw;
	line-height: 4vw;
padding-right:.6666666667vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transform: scale(.8)
}
footer .footer-top .contact-left .contact-content:before {
	display: none
}
footer .footer-top .contact-btn {
	width: 27.4666666667vw;
	height: 8vw;
border:.2666666667vw solid #fff
}
footer .footer-top .contact-btn a {
	font-size: 3.2vw
}
footer .footer-container {
	background-color: #f0f0f0;
	padding-bottom: 16vw;
	height: auto
}
footer .footer-container>ul {
	margin: 0;
	height: auto;
	flex-wrap: wrap
}
footer .footer-container>ul>li {
	flex: none;
	padding: 1.3333333333vw 0
}
footer .footer-container>ul>li .content {
	padding-top: 0;
	padding-left: 0;
	font-size: 4vw
}
footer .footer-container>ul>li .content .content-title {
	font-size: 4vw;
	line-height: 6.6666666667vw
}
footer .footer-container>ul>li .content .content-text {
	font-size: 3.2vw;
	line-height: 2em
}
footer .footer-container>ul>li .content .content-text a {
	color: #707070
}
footer .footer-container>ul>li .logo {
	width: 70px;
	height: 70px;
	overflow: hidden;
	background-size: 200px 37px
}
footer .footer-container>ul>li:first-child {
	width: 100%
}
footer .footer-container>ul>li:nth-child(2), footer .footer-container>ul>li:nth-child(3) {
	width: 50%
}
footer .footer-container>ul>li span {
	margin-top: 2.6666666667vw;
	height: 5.3333333333vw;
	position: relative;
	right: 4vw;
top:-.6666666667vw
}
footer .footer-container>ul>li.map .logo {
	background-position: 10px 20px
}
footer .footer-container>ul>li.email .logo {
	background-position: -70px 20px
}
footer .footer-container>ul>li.tel .logo {
	background-position: -150px 20px
}
footer .footer-container .bottom-info {
	height: auto;
	padding-left: 6.6666666667vw;
margin-top:.6666666667vw
}
footer .footer-container .bottom-info li .title {
	line-height: 10.6666666667vw
}
footer .footer-container .bottom-info .cate, footer .footer-container .bottom-info .intro {
	display: none
}
footer .footer-container .bottom-info .nav {
	margin: 0
}
footer .footer-container .bottom-info .nav .title {
	display: none
}
footer .footer-container .bottom-info .nav ul {
	display: flex;
	flex-wrap: wrap
}
footer .footer-container .bottom-info .nav ul li {
	margin-right: 2.6666666667vw;
	min-width: 30%
}
footer .footer-container .bottom-info .nav ul li a {
	font-size: 4vw;
	line-height: 6.6666666667vw
}
footer .footer-container .bottom-info .code {
	display: none
}
footer .footer-container .bottom-info .code .title {
	font-size: 4vw
}
footer .footer-container .bottom-info .code img {
	width: 18vw;
	height: 18vw;
	min-width: 18vw;
	opacity: 1
}
footer .footer-container .bottom-info .contact-list {
	width: 100%;
	margin-top: 4vw;
	display: flex
}
footer .footer-container .bottom-info .contact-list li {
	width: 6.6666666667vw;
	height: 6.6666666667vw;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1.3333333333vw
}
footer .footer-container .bottom-info .contact-list li img {
	width: 100%
}
footer .footer-container .right-text {
	padding: 0 6.6666666667vw;
	font-size: 3.2vw;
	line-height: 9.3333333333vw
}
footer .mobile-bottom {
	z-index: 9;
	height: 16vw;
	background: #0071b3;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly
}
footer .mobile-bottom .mobile-bottom-item {
	background: #0071b3;
padding:.6666666667vw 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height: 16vw;
	width: 16vw;
	font-size: 4vw
}
footer .mobile-bottom .mobile-bottom-item a {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff
}
footer .mobile-bottom .mobile-bottom-item i {
	transform: scale(1.6);
margin-bottom:.6666666667vw
}
#toast-container {
	padding-top: 150px
}
}
@media screen and (min-width:751px)and (max-width:768px) {
footer .footer-top .contact-left .contact-content p:first-child, footer .footer-top .contact-left .contact-content p:nth-child(2) {
	font-size: 28px
}
footer .footer-top .contact-btn a {
	font-size: 20px
}
footer .footer-container>ul>li .content, footer .footer-container>ul>li .content .content-title {
	font-size: 24px
}
footer .footer-container>ul>li .content .content-text {
	font-size: 20px
}
footer .footer-container>ul>li .content .content-text a {
	color: #707070
}
footer .footer-container>ul>li .logo {
	width: 90px;
	height: 90px
}
footer .footer-container>ul>li.map .logo {
	background-position: 10px 30px
}
footer .footer-container>ul>li.email .logo {
	background-position: -70px 30px
}
footer .footer-container>ul>li.tel .logo {
	background-position: -150px 30px
}
footer .footer-container .bottom-info .nav .title, footer .footer-container .bottom-info .nav ul li a {
	font-size: 24px
}
footer .footer-container .right-text {
	font-size: 20px
}
footer .mobile-bottom .mobile-bottom-item {
	font-size: 24px
}
}
@media screen and (min-width:2000px) {
.swiper-slide a, .swiper-slide img {
	width: 100%
}
header .header-top, header nav {
	padding: 0 450px
}
.home-container .welcome-info .part-item {
	margin: 80px 450px 0
}
.home-container .hot-product ul {
	margin: 80px 450px
}
.home-container .partners {
	margin: 140px 450px 150px
}
.common-container .news-content, .common-container .video-content, .knowledges-content, .pro-detail-content .pro-bottom-tip, .pro-detail-content .random-pro-list, .pro-detail-content .send-inquiry .inquiry-form, footer .footer-container>ul, footer .footer-top {
	margin: 0 450px
}
.common-container .breadcrumbs-nav, .knowledges-detail-content, .news-detail-content, .pro-detail-content .pro-detail-title, .pro-detail-content .pro-page-switch, .products-content .pro-list, footer .footer-container .right-text {
	padding: 0 450px
}
.abouts-content {
	padding: 0 450px 50px
}
.pro-filter {
	right: 450px
}
.pro-detail-content .pro-review {
	margin: 50px 450px 30px
}
.pro-detail-content .pro-intro, .pro-detail-content .pro-spec, .pro-detail-content .productsTags {
	margin: 30px 450px 0
}
}
@media(min-width:1281px)and (max-width:1520px) {
.abouts-content {
	padding: 0 100px 50px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.abouts-content {
	padding: 0 50px 50px
}
}
@media(min-width:769px)and (max-width:1081px) {
.abouts-content {
	padding: 0 25px 50px
}
}
@media screen and (max-width:768px) {
.abouts-content {
	padding: 0 6.6666666667vw
}
.abouts-content .abouts-title {
	margin-top: 6.6666666667vw;
	font-size: 4.5333333333vw;
	padding: 1.3333333333vw 0;
margin-bottom:.1333333333vw
}
.abouts-content article div {
	margin-bottom: 4vw
}
.abouts-content article .title {
	margin-top: 2.1333333333vw;
	font-size: 4vw
}
.abouts-content article .content, .abouts-content article .title, .abouts-content article p {
	line-height: 5.3333333333vw
}
.abouts-content article .content, .abouts-content article p {
	width: 100%
}
.abouts-content article .imgs-list {
	margin-top: 1.3333333333vw
}
.abouts-content article .imgs-list li {
	display: none;
	padding-right: 6.6666666667vw
}
.abouts-content article .imgs-list li:first-child {
	display: block
}
}
@media(min-width:1281px)and (max-width:1520px) {
.common-container .news-content {
	margin: 0 100px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.common-container .news-content {
	margin: 0 50px
}
}
@media(min-width:769px)and (max-width:1081px) {
.common-container .news-content {
	margin: 0 25px
}
}
@media screen and (max-width:768px) {
.common-container .news-content {
	margin: 0 6.6666666667vw
}
.common-container .news-content .news-list {
	margin: 6.6666666667vw 0;
	justify-content: space-between
}
.common-container .news-content .news-list .list-1 {
	height: 32vw;
	padding: 0 5.3333333333vw;
	margin-bottom: 6.6666666667vw
}
.common-container .news-content .news-list .list-1 .news-img {
	display: none
}
.common-container .news-content .news-list .list-1 .news-info .news-date {
	font-size: 4vw;
	line-height: 4.5333333333vw;
	transform: scale(.8);
	position: relative;
	left: -7.3333333333vw
}
.common-container .news-content .news-list .list-1 .news-info .news-title {
	margin: 1.3333333333vw 0
}
.common-container .news-content .news-list .list-1 .news-info .news-title a {
	font-size: 4.5333333333vw;
	line-height: 4.8vw
}
.common-container .news-content .news-list .list-1 .news-info .news-text {
	margin: 0 0 1.3333333333vw
}
.common-container .news-content .news-list .list-1 .news-info .news-text a {
	font-size: 4vw;
	line-height: 4.5333333333vw
}
.common-container .news-content .news-list .list-1 .news-info .more-btn {
	font-size: 4vw;
	position: relative
}
.common-container .news-content .news-list .list-1 .news-info .more-btn i {
	position: absolute;
	top: 1.2px;
	left: 21.3333333333vw;
	transform: scale(1.2)
}
.common-container .news-content .news-list .list-2 {
	margin-bottom: 6.6666666667vw;
	width: 96%;
	margin-right: 4vw
}
.common-container .news-content .news-list .list-2 .news-img{width:100%;}
.common-container .news-content .news-list .list-2 .news-img img{ padding:0}
.common-container .news-content .news-list .list-2:nth-of-type(3n) {
	margin-right: 4vw
}
.common-container .news-content .news-list .list-2:nth-of-type(2n) {
	margin-right: 0
}
.common-container .news-content .news-list .list-2 .news-info .news-date {
	line-height: 3.2vw;
	font-size: 3.2vw
}
.common-container .news-content .news-list .list-2 .news-info .news-title {
	margin-top: 1.3333333333vw
}
.common-container .news-content .news-list .list-2 .news-info .news-title a {
	font-size: 4vw;
	line-height: 4.2666666667vw
}
.common-container .news-content .news-list .list-2 .news-info .news-text {
	margin: 2.6666666667vw 0
}
.common-container .news-content .news-list .list-2 .news-info .news-text a {
	font-size: 3.3333333333vw;
	line-height: 4vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
}
@media(min-width:1281px)and (max-width:1520px) {
.knowledges-content {
	margin: 0 100px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.knowledges-content {
	margin: 0 50px
}
}
@media(min-width:769px)and (max-width:1081px) {
.knowledges-content {
	margin: 0 25px
}
}
@media screen and (max-width:768px) {
.common-container .knowledges-content {
	margin: 0 6.6666666667vw
}
.common-container .knowledges-content .knowledges-list {
	margin: 6.6666666667vw 0;
	justify-content: space-between
}
.common-container .knowledges-content .knowledges-list .list-1 {
	height: 32vw;
	padding: 0 5.3333333333vw;
	margin-bottom: 6.6666666667vw
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-img {
	display: none
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {
	font-size: 4vw;
	line-height: 4.5333333333vw;
	transform: scale(.8);
	position: relative;
	left: -7.3333333333vw
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {
	margin: 1.3333333333vw 0
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {
	font-size: 4.5333333333vw;
	line-height: 4.8vw
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {
	margin: 0 0 1.3333333333vw
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {
	font-size: 4vw;
	line-height: 4.5333333333vw
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {
	font-size: 4vw;
	position: relative
}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
	position: absolute;
	top: 1.2px;
	left: 21.3333333333vw;
	transform: scale(1.2)
}
.common-container .knowledges-content .knowledges-list .list-2 {
	margin-bottom: 6.6666666667vw;
	width: 46%;
	margin-right: 4vw
}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(3n) {
	margin-right: 4vw
}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(2n) {
	margin-right: 0
}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {
	line-height: 3.2vw;
	font-size: 3.2vw
}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {
	margin-top: 1.3333333333vw
}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {
	font-size: 4vw;
	line-height: 4.2666666667vw
}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {
	margin: 2.6666666667vw 0
}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
	font-size: 3.3333333333vw;
	line-height: 4vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
}
@media screen and (max-width:768px) {
.common-container .contact-wrapper {
	margin: 0;
	padding: 6.6666666667vw 0 0;
	flex-direction: column
}
.common-container .contact-wrapper .contact-left {
	padding: 6vw 5.7333333333vw;
	width: 100%
}
.common-container .contact-wrapper .contact-left .title {
	font-size: 4.5333333333vw
}
.common-container .contact-wrapper .contact-left ul {
	margin-top: 4vw
}
.common-container .contact-wrapper .contact-left ul li {
	line-height: 5.3333333333vw;
	margin: 2.6666666667vw 0
}
.common-container .contact-wrapper .contact-left ul li .contact-way {
	font-size: 4vw;
	font-weight: 700
}
.common-container .contact-wrapper .contact-left ul li .contact-info {
	font-size: 4vw
}
.common-container .contact-wrapper .contact-left ul li .contact-num {
	font-size: 4.5333333333vw;
margin-top:.6666666667vw
}
.common-container .contact-wrapper .contact-main {
	margin-top: 6.6666666667vw;
	margin-left: 0;
	flex: 1
}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
	margin-left: 0
}
}
@media(min-width:1281px)and (max-width:1520px) {
.products-content .content-top {
	margin: 0 100px
}
.products-content .type-box {
	margin: 0 100px 50px
}
.products-content .pro-list, .products-content .pro-list-2 {
	padding: 0 100px
}
.products-content .seo-key {
	margin: 0 100px
}
.pro-filter {
	right: 100px
}
.filter-box {
	padding: 0 100px
}
.filter-box .scrollTip {
	right: 100px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.products-content .content-top {
	margin: 0 50px
}
.products-content .type-box {
	margin: 0 50px 50px
}
.products-content .pro-list, .products-content .pro-list-2 {
	padding: 0 50px
}
.products-content .seo-key {
	margin: 0 50px
}
.filter-box {
	padding: 0 50px
}
.filter-box .scrollTip, .pro-filter {
	right: 50px
}
}
@media(min-width:769px)and (max-width:1080px) {
.products-content .content-top {
	margin: 0 25px
}
.products-content .type-box {
	margin: 0 25px 50px
}
.products-content .pro-list, .products-content .pro-list-2 {
	padding: 0 25px
}
.products-content .pro-list-2 li .pro-info {
	padding: 40px 50px
}
.products-content .seo-key {
	margin: 0 25px
}
.filter-box {
	padding: 0 25px
}
.filter-box .scrollTip, .pro-filter {
	right: 25px
}
}
@media screen and (max-width:768px) {
.products-content {
	padding: 6.6666666667vw 6.6666666667vw 0
}
.products-content .content-top {
	margin: 0;
	height: 100px;
	display: flex;
	align-items: center
}
.products-content .content-top .pro-counts {
	display: none
}
.products-content .content-top .pro-filter {
	display: inline-block;
	background: 0 0;
	width: auto;
	height: auto;
	padding: 0
}
.products-content .content-top .pro-filter span {
	font-size: 4vw;
	color: #2b2b2b;
	font-weight: 700
}
.products-content .content-top .pro-filter i {
	display: none
}
.products-content .type-box {
	margin: 0 0 6.6666666667vw
}
.products-content .type-box h1 {
	display: block;
	height: 10.6666666667vw;
	font-size: 4.8vw;
	line-height: 10.6666666667vw
}
.products-content .type-box p {
	line-height: 1.6em
}
.products-content .pro-list {
	margin-top: 0;
	padding: 0
}
.products-content .pro-list .list-1 {
	width: 48%;
	min-width: 48%;
	max-width: 48%;
	margin-right: 2.1333333333vw;
	margin-bottom: 5.3333333333vw; float:left
}
.products-content .pro-list .list-1:nth-of-type(2n) {
	margin-right: 0
}
.products-content .pro-list .list-1 .pro-img {
	height: 32.8vw;
	min-height: 32.8vw
}
.products-content .pro-list .list-1 .pro-name {
	padding: 0 2.6666666667vw;
	min-height: 8vw;
	display: flex;
	justify-content: center;
	align-items: center
}
.products-content .pro-list .list-1 .pro-name a {
	font-size: 3.2vw;
	line-height: 4vw
}
.products-content .pro-list .list-1 article {
	display: none
}
.products-content .pro-list .list-1 span {
	margin: 2.6666666667vw
}
.products-content .pro-list .list-2.pro-checked {
	border-color: #0071b3
}
.products-content .pro-list .list-2 {
	border: 2px solid #eee;
	height: auto;
	width: 47%;
	min-width: 47%;
	max-width: 47%;
	margin-right: 1.3333333333vw;
	margin-bottom: 5.3333333333vw;
	flex-direction: column
}
.products-content .pro-list .list-2:nth-of-type(2n) {
	margin-right: 0
}
.products-content .pro-list .list-2 .pro-img {
	width: auto;
	height: 32.8vw;
	min-height: 32.8vw;
	border: none
}
.products-content .pro-list .list-2 .pro-info {
	padding: 0;
	background: #fff
}
.products-content .pro-list .list-2 .pro-info .pro-name {
	margin-top: 1.3333333333vw;
	padding: 0 2.6666666667vw
}
.products-content .pro-list .list-2 .pro-info .pro-name a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 3.2vw;
	line-height: 3.2vw
}
.products-content .pro-list .list-2 .pro-info article {
	display: none
}
.products-content .pro-list .list-2 .pro-info span {
	display: block;
	height: 1px;
	background: #eee;
	margin: 2.6666666667vw
}
.products-content .pro-list .list-2 .pro-info .compare-action {
	left: 0;
	margin: 5.3333333333vw 2.6666666667vw;
	height: 8vw;
	font-size: 3.2vw;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	background-color: #0071b3
}
.products-content .pro-list .list-2 .pro-info .compare-action span {
	margin: 0;
	background: 0 0;
	height: auto;
	color: #fff
}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check+label {
	border-color: #fff
}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check:checked+label:before {
	color: #fff
}
.products-content .seo-key {
	margin: 0 0 25px
}
.products-content .seo-key .keywords {
	margin-top: 2.6666666667vw
}
.products-content .seo-key .keywords span {
	display: flex;
	flex-wrap: wrap
}
.products-content .seo-key .keywords a {
	display: inline-block;
	width: auto;
	padding: 0 2.6666666667vw;
	background: #ccc;
	border-radius: 999px;
	margin-right: 1.3333333333vw;
	color: #2b2b2b;
	margin-bottom: 4vw
}
}
@media(min-width:1281px)and (max-width:1520px) {
.pro-detail-content .pro-review {
	margin: 50px 100px 0
}
.pro-detail-content .pro-review .pro-preview-right {
	padding: 30px 50px 0
}
.pro-detail-content .pro-detail-title {
	padding: 0 100px
}
.pro-detail-content .pro-intro, .pro-detail-content .pro-spec, .pro-detail-content .productsTags {
	margin: 30px 100px 0
}
.pro-detail-content .pro-bottom-tip {
	margin: 0 100px
}
.pro-detail-content .pro-page-switch {
	padding: 0 100px
}
.pro-detail-content .random-pro-list, .pro-detail-content .send-inquiry .inquiry-form {
	margin: 0 100px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.pro-detail-content .pro-review {
	margin: 50px 50px 0
}
.pro-detail-content .pro-review .pro-preview-right {
	width: 500px;
	padding: 30px 20px 0
}
.pro-detail-content .pro-review .pro-preview-right .pro-name {
	font-size: 24px
}
.pro-detail-content .pro-review .pro-preview-right .btn-list {
	margin-top: 20px
}
.pro-detail-content .pro-detail-title {
	padding: 0 50px
}
.pro-detail-content .pro-intro, .pro-detail-content .pro-spec, .pro-detail-content .productsTags {
	margin: 30px 50px 0
}
.pro-detail-content .pro-bottom-tip {
	margin: 0 50px
}
.pro-detail-content .pro-page-switch {
	padding: 0 50px
}
.pro-detail-content .random-pro-list {
	margin: 0 50px
}
.pro-detail-content .random-pro-list ul li .pro-name {
	font-size: 14px
}
.pro-detail-content .send-inquiry .inquiry-form {
	margin: 0 50px
}
}
@media(min-width:769px)and (max-width:1080px) {
.pro-detail-content .pro-review {
	margin: 50px 25px 0
}
.pro-detail-content .pro-review .pro-preview-right {
	width: 400px;
	padding: 30px 20px 0
}
.pro-detail-content .pro-review .pro-preview-right .btn-list {
	margin-top: 20px
}
.pro-detail-content .pro-detail-title {
	padding: 0 25px
}
.pro-detail-content .pro-intro, .pro-detail-content .pro-spec, .pro-detail-content .productsTags {
	margin: 30px 25px 0
}
.pro-detail-content .pro-bottom-tip {
	margin: 0 25px;
	font-size: 14px
}
.pro-detail-content .pro-page-switch {
	padding: 0 25px
}
.pro-detail-content .random-pro-list {
	margin: 0 25px
}
.pro-detail-content .random-pro-list ul li .pro-name {
	font-size: 12px
}
.pro-detail-content .send-inquiry .inquiry-form {
	margin: 0 25px
}
}
@media screen and (max-width:768px) {
.pro-detail-content .pro-review {
	margin: 0 6.6666666667vw;
	flex-direction: column
}
.pro-detail-content .pro-review .pro-preview-left {
	width: 100%;
	min-width: 100%;
	height: auto
}
.pro-detail-content .pro-review .pro-preview-left .preview-container {
	visibility: hidden;
	width: 100%
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box {
	display: none
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box {
	margin-top: 0
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a {
	display: none
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list, .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper {
	width: 100%
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {
	height: auto;
	border: none;
	margin: 0
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {
	width: 100%
}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page {
	display: flex
}
.pro-detail-content .pro-review .pro-preview-right {
	margin-bottom: 0;
	padding: 4vw 0
}
.pro-detail-content .pro-review .pro-preview-right .pro-name {
	font-size: 4vw
}
.pro-detail-content .pro-review .pro-preview-right .pro-price, .pro-detail-content .pro-review .pro-preview-right .pro-views {
	font-size: 4vw;
	margin: 1.3333333333vw 0
}
.pro-detail-content .pro-review .pro-preview-right .share-btn-list {
	margin: 4vw 0
}
.pro-detail-content .pro-review .pro-preview-right article {
	font-size: 3.2vw;
	line-height: 4.8vw;
	margin-right: 0
}
.pro-detail-content .pro-review .pro-preview-right .btn-list {
	justify-content: space-between;
	margin-top: 4vw
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn, .pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
	height: 6.6666666667vw;
	width: 40vw;
	margin: 2vw 0
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span, .pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
	font-size: 4vw
}
.pro-detail-content .pro-review .singglepic {
	width: 100%!important;
	height: auto!important;
	margin-top: 4vw;
	margin-bottom: 0!important;
	border: none!important
}
.pro-detail-content .pro-review .singglepic img {
	max-width: 100%;
	max-height: 100%
}
.pro-detail-content .pro-detail-title {
	line-height: 5.3333333333vw;
	padding: 1.3333333333vw 6.6666666667vw;
	height: auto;
	width: 100%;
	font-size: 4vw
}
.pro-detail-content .pro-intro {
	margin: 4vw 6.6666666667vw
}
.pro-detail-content .pro-intro .intro-title {
	font-size: 4.2666666667vw;
	line-height: 6.6666666667vw
}
.pro-detail-content .pro-intro article {
	line-height: 1.7em;
	padding: 4vw 0
}
.pro-detail-content .pro-spec {
	margin: 4vw 6.6666666667vw
}
.pro-detail-content .pro-spec .spec-title {
	font-size: 4.2666666667vw;
	line-height: 6.6666666667vw
}
.pro-detail-content .pro-spec .spec-content {
	padding: 4vw 0
}
.pro-detail-content .pro-spec .spec-content table tr td {
	height: 6.6666666667vw;
	width: 100%
}
.pro-detail-content .productsTags {
	margin: 4vw 6.6666666667vw 0;
	color: #2b2b2b
}
.pro-detail-content .pro-bottom-tip {
	margin: 0 6.6666666667vw;
	padding: 4vw 0;
	line-height: 1.5em
}
.pro-detail-content .pro-page-switch {
	background: 0 0;
	height: auto;
	padding: 0 6.6666666667vw;
	margin: 8vw 0;
	flex-wrap: wrap
}
.pro-detail-content .pro-page-switch .page-btn, .pro-detail-content .pro-page-switch .page-next, .pro-detail-content .pro-page-switch .page-prev {
	line-height: 10.6666666667vw;
	font-size: 4vw
}
.pro-detail-content .pro-page-switch .page-prev {
	background: #f8f8f8;
	width: 100%
}
.pro-detail-content .pro-page-switch .page-prev i {
	margin-right: 1.3333333333vw
}
.pro-detail-content .pro-page-switch .page-next {
	background: #f8f8f8;
	margin-top: 6.6666666667vw;
	width: 100%
}
.pro-detail-content .pro-page-switch .page-next i {
	margin-left: 1.3333333333vw
}
.pro-detail-content .pro-page-switch .page-btn {
	width: 32vw
}
.pro-detail-content .pro-page-switch .page-btn a {
	color: #fff;
	line-height: 6.6666666667vw;
	font-size: 4vw
}
.pro-detail-content .pro-page-switch a {
	font-weight: 700;
	font-size: 4vw;
	line-height: 10.6666666667vw;
	margin: 0
}
.pro-detail-content .random-pro-list {
	margin: 6.6666666667vw
}
.pro-detail-content .random-pro-list .random-title {
	font-size: 4vw;
	margin: 4vw 0
}
.pro-detail-content .random-pro-list ul {
	width: 100%;
	margin-top: 4vw;
	flex-wrap: wrap
}
.pro-detail-content .random-pro-list ul li {
	max-width: 31%;
	min-width: 31%;
	margin-bottom: 6.6666666667vw
}
.pro-detail-content .random-pro-list ul li .pro-img {
	height: 29.0666666667vw
}
.pro-detail-content .random-pro-list ul li .pro-name {
	line-height: 4vw;
	margin: 2.6666666667vw 0;
	font-size: 2.6666666667vw
}
.pro-detail-content .random-pro-list ul li .more-btn {
	width: 16vw;
	height: 5.3333333333vw;
padding:.6666666667vw;
	border-radius: 4vw;
	font-size: 2.6666666667vw
}
.pro-detail-content .send-inquiry {
	margin-top: 4vw
}
.pro-detail-content .send-inquiry .inquiry-title {
	height: 8.5333333333vw;
	margin: 6.6666666667vw 0;
	font-size: 4vw;
	line-height: 8vw
}
.pro-detail-content .send-inquiry .inquiry-form {
	margin: 0 6.6666666667vw
}
.pro-detail-content .table-responsive {
	touch-action: auto;
	width: 100%;
margin:.2rem 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media(min-width:1281px)and (max-width:1520px) {
.news-detail-content {
	padding: 0 100px
}
.news-detail-content .news-title {
	font-size: 24px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.news-detail-content {
	padding: 0 50px
}
.news-detail-content .news-title {
	font-size: 20px
}
}
@media(min-width:769px)and (max-width:1081px) {
.news-detail-content {
	padding: 0 25px
}
.news-detail-content .news-title {
	font-size: 18px
}
}
@media screen and (max-width:768px) {
.news-detail-content {
	margin: 13.3333333333vw 0;
	padding: 0 6.6666666667vw
}
.news-detail-content .news-title {
	padding: 0;
	font-size: 4vw;
	line-height: 5.3333333333vw
}
.news-detail-content .news-date {
	margin: 4vw 0;
	line-height: 6.4vw
}
.news-detail-content article p {
	margin-top: 4vw;
	line-height: 4.5333333333vw
}
.news-detail-content article p:first-of-type {
	margin-top: 0
}
.news-detail-content span.line {
	margin: 6.6666666667vw 0
}
.news-detail-content .pages-list a, .news-detail-content .pages-list div, .news-detail-content .pages-list span {
	line-height: 5.3333333333vw;
	font-size: 4vw
}
.news-detail-content .pages-list div {
	margin-top: 2.6666666667vw
}
}
@media(min-width:1281px)and (max-width:1520px) {
.knowledges-detail-content {
	padding: 0 100px
}
.knowledges-detail-content .knowledges-title {
	font-size: 24px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.knowledges-detail-content {
	padding: 0 50px
}
.knowledges-detail-content .knowledges-title {
	font-size: 20px
}
}
@media(min-width:769px)and (max-width:1081px) {
.knowledges-detail-content {
	padding: 0 25px
}
.knowledges-detail-content .knowledges-title {
	font-size: 18px
}
}
@media screen and (max-width:768px) {
.knowledges-detail-content {
	margin: 13.3333333333vw 0;
	padding: 0 6.6666666667vw
}
.knowledges-detail-content .knowledges-title {
	padding: 0;
	font-size: 4vw;
	line-height: 5.3333333333vw
}
.knowledges-detail-content .knowledges-date {
	margin: 4vw 0;
	line-height: 6.4vw
}
.knowledges-detail-content article p {
	margin-top: 4vw;
	line-height: 4.5333333333vw
}
.knowledges-detail-content article p:first-of-type {
	margin-top: 0
}
.knowledges-detail-content span.line {
	margin: 6.6666666667vw 0
}
.knowledges-detail-content .pages-list a, .knowledges-detail-content .pages-list div, .knowledges-detail-content .pages-list span {
	line-height: 5.3333333333vw
}
.knowledges-detail-content .pages-list div {
	margin-top: 2.6666666667vw
}
}
@media(min-width:1281px)and (max-width:1520px) {
.common-container .video-content {
	margin: 0 100px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.common-container .video-content {
	margin: 0 50px
}
}
@media(min-width:769px)and (max-width:1081px) {
.common-container .video-content {
	margin: 0 25px
}
}
@media screen and (max-width:768px) {
.common-container .video-content {
	margin: 0 6.6666666667vw
}
.common-container .video-content .video-list {
	margin: 6.6666666667vw 0
}
.common-container .video-content .video-list li {
	height: 32vw;
	padding: 0 5.3333333333vw;
	margin-bottom: 6.6666666667vw
}
.common-container .video-content .video-list li .video-img {
	display: none
}
.common-container .video-content .video-list li .video-info .video-date {
	font-size: 4vw;
	line-height: 4.5333333333vw;
	transform: scale(.8);
	position: relative;
	left: -7.3333333333vw
}
.common-container .video-content .video-list li .video-info .video-title {
	margin: 1.3333333333vw 0
}
.common-container .video-content .video-list li .video-info .video-title a {
	font-size: 4.5333333333vw;
	line-height: 4.8vw
}
.common-container .video-content .video-list li .video-info .video-text {
	margin: 0 0 1.3333333333vw
}
.common-container .video-content .video-list li .video-info .video-text a {
	font-size: 4vw;
	line-height: 4.5333333333vw
}
.common-container .video-content .video-list li .video-info .more-btn {
	font-size: 4vw;
	position: relative
}
.common-container .video-content .video-list li .video-info .more-btn i {
	position: absolute;
	top: 1.2px;
	left: 21.3333333333vw;
	transform: scale(1.2)
}
.common-container .video-content .video-list-2 {
	margin: 6.6666666667vw 0;
	justify-content: space-between
}
.common-container .video-content .video-list-2 li {
	margin-bottom: 6.6666666667vw;
	width: 46%;
	margin-right: 4vw
}
.common-container .video-content .video-list-2 li:nth-of-type(3n) {
	margin-right: 4vw
}
.common-container .video-content .video-list-2 li:nth-of-type(2n) {
	margin-right: 0
}
.common-container .video-content .video-list-2 li .video-info .video-date {
	line-height: 3.2vw;
	font-size: 3.2vw
}
.common-container .video-content .video-list-2 li .video-info .video-title {
	margin-top: 1.3333333333vw
}
.common-container .video-content .video-list-2 li .video-info .video-title a {
	font-size: 4vw;
	line-height: 4.2666666667vw
}
.common-container .video-content .video-list-2 li .video-info .video-text {
	margin: 2.6666666667vw 0
}
.common-container .video-content .video-list-2 li .video-info .video-text a {
	font-size: 3.3333333333vw;
	line-height: 4vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
}
@media(min-width:1281px)and (max-width:1520px) {
.common-container .feedback-content {
	padding: 0 100px 50px
}
}
@media(min-width:1081px)and (max-width:1280px) {
.common-container .feedback-content {
	padding: 0 50px 50px
}
}
@media(min-width:769px)and (max-width:1081px) {
.common-container .feedback-content {
	padding: 0 25px 50px
}
}
@media screen and (max-width:768px) {
.common-container .feedback-content {
	margin: 0;
	padding: 6.6666666667vw 6.6666666667vw 0;
	flex-direction: column
}
.common-container .feedback-content .feedback-main {
	margin-top: 0;
	margin-left: 0;
	flex: 1
}
.common-container .feedback-content .feedback-main .feedback-tips {
	margin-bottom: 6.6666666667vw
}
.common-container .feedback-content .feedback-main .feedback-tips p {
	line-height: 1.6em
}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {
	margin-left: 0
}
}
@-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
transform:translateX(6px)
}
33.3% {
transform:translateX(-5px)
}
49.95% {
transform:translateX(4px)
}
66.6% {
transform:translateX(-2px)
}
83.25% {
transform:translateX(1px)
}
to {
	transform: translateX(0)
}
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
transform:translateX(6px) scale(1.7)
}
33.3% {
transform:translateX(-5px) scale(1.7)
}
49.95% {
transform:translateX(4px) scale(1.7)
}
66.6% {
transform:translateX(-2px) scale(1.7)
}
83.25% {
transform:translateX(1px) scale(1.7)
}
to {
	transform: translateX(0) scale(1.7)
}
}
.hvr-icon-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	transition-duration: .3s
}
.hvr-icon-wobble-horizontal:active .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}
.hvr-bounce-to-right, .hvr-bounce-to-right-y {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	transition-property: color;
	transition-duration: .5s
}
.hvr-bounce-to-right-y:before, .hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #0071b3;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease-out
}
.hvr-bounce-to-right-y:active, .hvr-bounce-to-right-y:focus, .hvr-bounce-to-right-y:hover, .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover {
	color: #fff
}
.hvr-icon-wobble-horizontal .hvr-icon {
	transform: translateZ(0)
}
.hvr-bounce-to-right-y:active:before, .hvr-bounce-to-right-y:focus:before, .hvr-bounce-to-right-y:hover:before, .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #fff;
	transition-property: color;
	transition-duration: .3s
}
.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0071b3;
	transform: scaleY(0);
	transform-origin: 50%;
	transition-property: transform;
	transition-duration: .3s;
	transition-timing-function: ease-out
}
.hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover {
	color: #fff
}
.hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before {
	transform: scaleY(1)
}
.swiper-slide {
	display: flex;
	justify-content: center
}
.swiper-lazy-preloader {
	width: 30px!important;
	height: 30px!important;
	border-radius: 50%!important;
	border: 2px solid #000!important;
	border-top-color: transparent!important
}
.preview-container {
	position: relative;
	width: 450px
}
.preview-container .small-box {
	position: relative;
	width: 450px;
	height: 450px;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}
.preview-container .small-box img {
	max-width: 100%;
	max-height: 100%
}
.preview-container .small-box .hover {
	position: absolute;
	width: 180px;
	height: 180px;
	background-color: hsla(0,0%,80%,.6);
	border: 1px solid #eee;
	display: none
}
.preview-container .thumbnail-box {
	margin-top: 40px;
	position: relative;
	width: 100%;
	box-sizing: border-box
}
.preview-container .thumbnail-box .list {
	overflow: hidden;
	width: 390px;
	margin: 0 auto;
	position: relative
}
.preview-container .thumbnail-box .list ul {
	width: 100000px;
	display: flex
}
.preview-container .thumbnail-box .list ul .item {
	width: 58px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	box-sizing: border-box;
	border: 1px solid #ccc
}
.preview-container .thumbnail-box .list ul .item:hover {
	cursor: pointer
}
.preview-container .thumbnail-box .list ul .item img {
	max-width: 100%;
	max-height: 100%
}
.preview-container .thumbnail-box .list ul .item-cur {
	border: 1px solid #0071b3
}
.preview-container .thumbnail-box .list .banner-page {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 6.6666666667vw;
	width: 13.3333333333vw;
	border-radius: 5.3333333333vw;
	background: rgba(0,0,0,.8);
	bottom: 1.3333333333vw;
	right: 1.3333333333vw;
	z-index: 999
}
.preview-container .thumbnail-box .list .banner-page span {
	color: #fff;
	font-size: 4vw
}
.preview-container .thumbnail-box .btn {
	position: absolute;
	top: 50%;
	width: 22px;
	height: 32px;
	margin-top: -16px
}
.preview-container .thumbnail-box .btn-prev {
	left: 0;
	background: url(../images/btn_prev.png) no-repeat
}
.preview-container .thumbnail-box .btn-next {
	right: 0;
	background: url(../images/btn_next.png) no-repeat
}
.preview-container .thumbnail-box .btn_prev_disabled {
	background: url(../images/btn_prev_disabled.png) no-repeat;
	cursor: not-allowed
}
.preview-container .thumbnail-box .btn_next_disabled {
	background: url(../images/btn_next_disabled.png) no-repeat;
	cursor: not-allowed
}
.preview-container .big-box {
	display: none;
	overflow: hidden;
	top: 0;
	left: 449px;
	border: 1px solid #eee;
	position: absolute;
	width: 450px;
	height: 450px;
	box-sizing: border-box;
	background: #fff;
	z-index: 20
}
.preview-container .big-box img {
	display: block;
	max-width: none;
	width: 130%
}
.send-inquiry .inquiry-form input, .send-inquiry .inquiry-form textarea {
	padding-right: 40px;
	transition: .3s
}
.send-inquiry .inquiry-form input::-webkit-input-placeholder, .send-inquiry .inquiry-form textarea::-webkit-input-placeholder {
color:#4c4c4c;
-webkit-transition:.3s;
transition:.3s;
transform-origin:top left
}
.send-inquiry .inquiry-form input::-moz-input-placeholder, .send-inquiry .inquiry-form textarea::-moz-input-placeholder {
color:#4c4c4c
}
.send-inquiry .inquiry-form input::-ms-input-placeholder, .send-inquiry .inquiry-form textarea::-ms-input-placeholder {
color:#4c4c4c
}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder, .send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder {
transform:scale(.8) translate(2px, -14px)
}
.send-inquiry .inquiry-form input:focus, .send-inquiry .inquiry-form textarea:focus {
	border-color: #0071b3
}
.send-inquiry .inquiry-form input {
	position: relative;
	width: 49%;
	height: 50px;
	margin-bottom: 30px
}
.send-inquiry .inquiry-form input, .send-inquiry .inquiry-form textarea {
	box-sizing: border-box;
	padding-left: 20px;
	border: 1px solid #d5d5d5;
	outline: 0
}
.send-inquiry .inquiry-form textarea {
	padding-top: 20px;
	width: 100%;
	height: 250px;
	resize: none
}
.send-inquiry .inquiry-form .input-error {
	border: 1px solid #f77
}
.send-inquiry .inquiry-form #in-company {
	background: url(../images/company.png) no-repeat;
	background-size: 26px 26px;
	background-position: right 10px top 12px
}
.send-inquiry .inquiry-form #username{
	background: url(../images/user.png) no-repeat;
	background-size: 26px 26px;
	background-position: right 10px top 12px
}
.send-inquiry .inquiry-form #in-title {
	width: 100%;
	background: url(../images/title.png) no-repeat;
	background-size: 26px 26px;
	background-position: right 10px top 12px
}
.send-inquiry .inquiry-form #in-phone {
	background: url(../images/phone.png) no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 12px
}
.send-inquiry .inquiry-form #email{
	background: url(../images/email.png) no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 12px
}
.send-inquiry .inquiry-form #textarea {
	background: url(../images/pencil.png) no-repeat;
	background-size: 20px 20px;
	background-position: right 10px top 15px
}
.send-inquiry .send-btn {
	width: 216px;
	height: 47px;
	border: 1px solid #4c4c4c;
	display: flex;
	align-items: center;
	margin: 50px auto;
	box-sizing: border-box
}
.send-inquiry .send-btn .span:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	font-weight: 700;
	color: #4c4c4c;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.send-inquiry .send-btn .span:nth-child(2) {
	height: 100%;
	width: 47px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #4c4c4c
}
.send-inquiry .send-btn .span:nth-child(2) em, .send-inquiry .send-btn .span:nth-child(2) i {
	color: #707070;
	transform: scale(1.7)
}
.send-inquiry .send-btn:hover {
	cursor: pointer;
	border: 1px solid #0071b3
}
.send-inquiry .send-btn:hover .span:first-child {
	color: #fff
}
.send-inquiry .send-btn:hover .span:nth-child(2) {
	border: none
}
.send-inquiry .send-btn:hover .span:nth-child(2) em, .send-inquiry .send-btn:hover .span:nth-child(2) i {
	color: #fff
}
@media screen and (max-width:768px) {
.send-inquiry .inquiry-form input {
	padding-left: 2.6666666667vw;
	width: 100%;
	height: 12vw;
	margin-bottom: 4vw
}
.send-inquiry .inquiry-form textarea {
	padding-top: 3.3333333333vw;
	padding-left: 2.6666666667vw;
	width: 100%;
	height: 33.3333333333vw
}
.send-inquiry .inquiry-form #in-company, .send-inquiry .inquiry-form #in-name, .send-inquiry .inquiry-form #in-title {
	background-size: 5.3333333333vw 5.3333333333vw;
	background-position: right 2.6666666667vw top 3.2vw
}
.send-inquiry .inquiry-form #in-email, .send-inquiry .inquiry-form #in-phone {
	background-size: 4.6666666667vw 4.6666666667vw;
	background-position: right 2.6666666667vw top 3.2vw
}
.send-inquiry .inquiry-form #in-content {
	background-size: 4vw 4vw;
	background-position: right 2.6666666667vw top 3.2vw
}
.send-inquiry .send-btn {
	width: 42.6666666667vw;
	height: 10.6666666667vw;
	margin: 6.6666666667vw auto 0
}
.send-inquiry .send-btn .span:first-child {
	font-size: 4vw
}
.send-inquiry .send-btn .span:nth-child(2) {
	width: 6.6666666667vw
}
}
.compare-action {
	position: relative;
	height: 37px;
	margin: 30px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0071b3;
	cursor: pointer
}
.compare-action span {
	display: inline-block;
	color: #fff;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.compare-action .compare-action-check+label {
	width: 16px;
	height: 16px;
	content: " ";
	border: 1px solid #1867d4;
	border-radius: 1px;
	margin-right: 10px;
	cursor: pointer
}
.compare-action .compare-action-check:checked+label:before {
	font-size: 16px;
	line-height: 16px;
	content: "✓";
	text-align: center;
	color: #fff;
	position: relative;
	left: 2px;
	top: -1px
}
.compare-action input[type=checkbox] {
	visibility: hidden
}
@media(max-width:768px) {
.compare-action {
	position: relative;
	margin: 5.3333333333vw 2.6666666667vw;
	height: 8vw;
	font-size: 3.2vw;
	justify-content: flex-start
}
.compare-action .compare-action-check+label {
	margin-left: 0;
	margin-right: 5px
}
.products-content .pro-list .compare-action span {
	margin: 0
}
}
.inquiry-pro-list {
	margin: 50px 0;
	display: none;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 0 100px
}
.inquiry-pro-list a {
	text-decoration: none;
	color: #000
}
.inquiry-pro-list .inquiry-pro-item {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #ddd;
	display: flex;
	padding: 40px 10px;
	margin-top: 0;
	box-sizing: content-box
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img {
	height: 100%;
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a {
	width: 100%;
	height: 100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img {
	height: 100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name {
	padding-top: 30px;
	margin-left: 50px;
	font-size: 14px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a {
	font-size: 16px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {
	color: #0071b3
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p {
	padding: 0;
	margin: 0
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del {
	position: relative;
	padding-top: 20px;
	height: 100%;
	width: 200px;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
	position: absolute;
	width: 32px;
	height: 32px;
	left: -6px;
	top: 43px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after, .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
	position: absolute;
	left: 15px;
	content: "";
	height: 20px;
	width: 2px;
	background-color: #333
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
	transform: rotate(45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after {
	transform: rotate(-45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover {
	cursor: pointer
}
.inquiry-pro-list .inquiry-pro-item:last-child {
	border: none
}
@media(max-width:768px) {
.inquiry-pro-list {
	padding: 1vw 5vw
}
.inquiry-pro-list .inquiry-pro-item {
	box-sizing: border-box;
	padding: 3vw;
	margin: 0;
	height: 20vw
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del {
	padding-top: 0;
	width: 10vw
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
	right: 0;
	top: 4vw
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name {
	font-size: 3vw;
	margin: 0;
	padding: 2vw 0 0;
	max-width: 48vw
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p a {
	font-size: 3.2vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img {
	min-width: 24vw;
	margin-right: 3vw;
	width: auto
}
}
.table td, .table th {
	border: 1px solid #cdcdcd;
	padding: 5px
}
.table {
	border-collapse: collapse
}
.products-content .seo-key a {
	color: #2b2b2b
}
.pro-detail-content .pro-intro article a {
	color: #2b2b2b
}
.pro-detail-content .productsTags {
	line-height: 1.6;
	color: #2b2b2b
}
.pro-detail-content .productsTags a {
	color: #2b2b2b
}
footer .footer-container .bottom-info {
	height: auto;
	margin-bottom: 25px
}
#tags {
	display: flex;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	flex-wrap: wrap
}
#tags li a {
	font-size: 18px;
	font-weight: 700;
	line-height: 46px;
	padding: 0 28px;
	border: 1px solid #ccc;
	margin: 10px 20px -1px 0;
	display: block;
	box-sizing: border-box
}
#tags li a:hover, #tags li.selectTag a {
	color: #0071b3
}
@media screen and (max-width:992px) {
#tags li a {
	font-size: 17px;
	padding: 0 20px;
	line-height: 40px;
	margin-right: 10px
}
}
@media screen and (max-width:768px) {
#tags li a {
	font-size: 14px;
	padding: 0 10px;
	line-height: 30px;
	margin-right: 6px
}
}
@media screen and (max-width:500px) {
#tags li a {
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding: 0 10px;
	line-height: 30px;
	margin-right: 0
}
#tags li {
	width: 49%
}
#tags {
	justify-content: space-between;
	border: none
}
}
#tagContent .tagContent {
	display: none
}
#tagContent .tagContent.selectTag {
	display: block
}
.protypebody {
	margin: 0 260px 50px;
	line-height: 1.6;
	color: #444;
	box-shadow: 0 0 5px #ddd;
	padding: 15px
}
@media (max-width:1520px) and (min-width:1281px) {
.protypebody {
	margin: 0 100px 50px
}
}
@media (max-width:1280px) and (min-width:1081px) {
.protypebody {
	margin: 0 50px 50px
}
}
@media (max-width:1080px) and (min-width:769px) {
.protypebody {
	margin: 0 25px 50px
}
}
@media screen and (max-width:768px) {
.protypebody {
	margin: 0 0 6.6666666667vw;
	font-size: 3.4vw
}
}
@media screen and (max-width:768px) {
.products-content .pro-list .list-2 .pro-img a {
	display: block;
	height: 100%;
	width: 100%
}
.products-content .pro-list .list-2 .pro-img a img {
	height: 100%;
	object-fit: contain
}
header nav>ul {
	height: calc(100% - 13.3333333333vw);
	position: fixed;
	display: block;
	overflow-y: auto
}
}
.filter-box .pro-type-list>ul .LiLevel2 {
	width: 25%;
	background: 0 0
}
.filter-box .pro-type-list>ul .LiLevel2 a {
	width: 70%;
	height: 35px;
	background: #fff;
	display: inline-block;
	line-height: 35px;
	text-align: center
}
.filter-box .pro-type-list>ul .LiLevel1 .LiLevel2 {
	width: 70%
}
@media screen and (max-width:768px) {
main.common-container .inner-banner .sm {
	display: none
}
main.common-container .inner-banner .pc {
	display: block
}
}
@media screen and (max-width:768px) {
main.detail-container .inner-banner .pc {
	display: none
}
}
.knowledges-detail-content .pro-detail-content .random-pro-list, .news-detail-content .pro-detail-content .random-pro-list {
	margin: 0
}
.inquiry-title {
	height: 64px;
	width: 100%;
	background: #f8f8f8;
	margin: 40px 0;
	font-size: 30px;
	font-weight: 700;
	color: #2b2b2b;
	text-align: center;
	line-height: 64px
}
.inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm {
	background: url(../images/email.png) no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 12px
}
@media screen and (max-width:768px) {
.common-container .news-content .news-list .list-1 .news-info .news-text {
	display: -webkit-box;
	display: -moz-box;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 2vw 0
}
.common-container .news-content .news-list .list-1 {
	padding: 4vw 5.3333333333vw
}
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img::after {
	padding-top: 0;
	height: auto
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {
	position: relative;
	height: auto;
	width: auto
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
	display: block;
	position: relative
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	width: auto;
	transform: translate(-50%, -50%)
}
.ie .home-container .about-info .about-content {
	justify-content: space-around
}
.ie .home-container .hot-product ul li .pro-img:after {
	padding-top: 0
}
.ie .home-container .lastest-news ul li .news-content {
	justify-content: space-around
}
.ie .home-container .hot-product ul li .pro-name {
	width: 100%;
	height: 70px
}
.ie .home-container .hot-product ul li a, .ie .home-container .hot-product ul li object {
	height: auto
}
.ie .products-content .pro-list .list-1 .pro-img img {
	position: relative;
	width: 100%
}
.ie .products-content .pro-list .list-2 .pro-img a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}
.ie .products-content .pro-list .list-2 .pro-img a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.ie .compare-action .compare-action-check+label {
	display: block
}
.ie .products-content .pro-list .list-1 .pro-name {
	box-sizing: border-box
}
.ie .products-content .pro-list .list-1 .pro-name a {
	width: 100%;
	display: block
}
.ie .feedbackForm tbody {
	width: 850px
}
.ie .feedbackForm table input {
	width: 300px
}
.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) input, .ie .feedbackForm tbody tr:last-child td:nth-of-type(2) textarea, .ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) input, .ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) textarea, .ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) input, .ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) textarea {
	width: 740px
}
.ie .feedbackForm table tr td:first-of-type, .ie .filter-box .pro-type-list>ul .LiLevel1>a, .ie .filter-box .pro-type-list>ul .pro-menu>li a, .ie .filter-box .pro-type-list>ul .sub-menu>li a {
	display: block
}
.ie .products-content .pro-list .list-1 article a {
	height: 36px;
	display: block
}
.ie .common-container .news-content .news-list .list-2 .news-info .news-text a, .ie .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
	height: 45px;
	display: block
}
.ie .preview-container .thumbnail-box .list ul .item img {
	width: 80%
}
.ie .home-container .hot-product ul li {
	margin-bottom: 150px
}
.ie footer .footer-container .bottom-info .intro .contact-list li img {
	width: 20px
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
	left: 20%
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
	word-break: break-all;
	width: 40%
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
	width: 40%
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
	border: none
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
	border: 1px solid #eaeaea
}
.ie10 .home-container .hot-product ul li {
	margin-bottom: 150px
}
@media (min-width:769px) and (max-width:1081px) {
.home-container .about-info .about-img img {
	height: 100%;
	object-fit: cover
}
.contact-logo, .home-container .lastest-news ul li .news-content article, footer .footer-top .contact-left .contact-content:before {
	display: none
}
footer .footer-top .contact-left .contact-content {
	width: 90%;
	padding-top: 0;
	margin-left: 0
}
footer .footer-container>ul {
	flex-wrap: wrap;
	height: auto;
	padding: 20px 0
}
footer .footer-container>ul>li {
	width: 50%;
	height: 140px
}
footer .footer-container .bottom-info .intro {
	display: none
}
footer .footer-container>ul>li {
	height: auto!important
}
footer .footer-container .bottom-info {
	margin-top: 0
}
.abouts-content article .content {
	width: 100%
}
.products-content .pro-list .list-1 {
	min-width: 47%;
	max-width: 47%
}
.common-container .contact-wrapper .contact-main, .common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
	margin-left: 0
}
.common-container .contact-wrapper .contact-main {
	margin-top: 20px
}
.common-container .contact-wrapper .contact-left {
	width: 100%
}
.common-container .contact-wrapper {
	flex-wrap: wrap
}
.common-container .news-content .news-list .list-2 {
	width: calc(48% - 12.5px)
}
.common-container .news-content .news-list .list-2:nth-of-type(2) {
	margin-right: 0
}
.pro-detail-content .pro-review {
	flex-wrap: wrap
}
.pro-detail-content .pro-intro article {
	padding: 30px 0 30px 0
}
.pro-detail-content .pro-review .pro-preview-left {
	margin: 0 auto
}
}
@media screen and (max-width:768px) {
.pro-detail-content {
	margin-top: 50px
}
}
.small-box .icon-video {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 33;
	background: url(../images/icon-video.png) no-repeat;
	background-size: 40px 40px;
	background-position: center
}
.icon-pre {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 33;
	background: url(../images/preview.png) no-repeat;
	background-size: 30px 30px;
	background-position: center
}
iframe {
	max-width: 100%
}
@media screen and (max-width:768px) {
.abouts-content img, .knowledges-detail-content article img, .news-detail-content article img, .pro-detail-content .pro-intro img {
	height: auto!important
}
}
@media screen and (max-width:500px) {
.pro-detail-content .pro-intro iframe {
	max-height: 280px
}
}
.download-list {
	margin: 0 180px;
	display: flex
}
.download-list li {
	width: calc(25% - 22.5px);
	margin-right: 30px;
	margin-bottom: 30px
}
.download-img img {
	max-width: 100%
}
.download-list .download-name {
	font-size: 24px;
	text-align: center
}
.download-list .download-btn {
	display: block;
	margin: 0 auto;
	width: 40%;
	margin-top: 10px;
	background: #eee;
	text-align: center;
	border-radius: 999px;
	line-height: 30px
}
.download-list li:nth-of-type(4n) {
	margin-right: 0
}
@media screen and (min-width:2000px) {
.download-list {
	margin: 0 450px
}
}
.download-list {
	flex-wrap: wrap
}
.download-img:after {
	display: block;
	content: "";
	padding-top: 100%
}
.download-img {
	position: relative
}
.download-img img {
	position: absolute;
	width: 100%;
	height: 100%
}
.download-list .download-name {
	margin-top: 30px
}
@media (min-width:1281px) and (max-width:1520px) {
.download-list {
	margin: 0 100px
}
}
.download-list {
	margin-top: 50px
}
.project-list {
	margin-top: 50px;
	flex-wrap: wrap;
	margin: 0 180px;
	display: flex
}
@media screen and (min-width:2000px) {
.project-list {
	margin: 0 450px
}
}
@media (min-width:1281px) and (max-width:1520px) {
.project-list {
	margin: 0 100px
}
}
@media (min-width:960px) and (max-width:1280px) {
.project-list {
	margin: 0 100px
}
}
.project-list li {
	width: calc(25% - 22.5px);
	margin-right: 30px;
	margin-bottom: 30px
}
.doc-container .products-content {
	margin: 50px 260px
}
@media screen and (min-width:2000px) {
.doc-container .products-content {
	margin: 50px 450px
}
}
@media (min-width:1281px) and (max-width:1520px) {
.doc-container .products-content {
	margin: 50px 100px
}
}
@media (min-width:1281px) and (max-width:1520px) {
.doc-container .products-content {
	padding: 50px 100px;
	margin: 0
}
}
.doc-container .products-content {
	padding: 50px 260px;
	margin: 0
}
@media screen and (min-width:2000px) {
.doc-container .products-content {
	padding: 50px 460px;
	margin: 0
}
}
@media (min-width:1281px) and (max-width:1520px) {
.doc-container .products-content {
	padding: 50px 100px!important;
	margin: 0!important
}
}
@font-face {
	font-family: addicon;
	src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAREAAsAAAAACEwAAAP3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqELINwATYCJAMMCwgABCAFhFsHOhtEB8geklQhwh5IAFAACkYcD1/7/c59u1+QxJC8mYUimoli2slirRMpVbJFpv+/z80e+EBdUnNLVyxLPqloSMWp2Ul1adfMaE97EtNeoGOENP29099454GtSRTSHFu76IMlGtBY0xJugwTkPcYm2P1cI4B67sYUM3PJ2aB2ssmUgJHMqA8QF8fJIUWAkNfh1mCCUMlvOzVjvQIPFHfsmwBe/O/HH3iGEBR4ibHK/F4MCWefa794w5H/l4P0AW6dAN0LoAQkYGBlhlirty3ghLEBiahMxsXsMi4W9qjB///xeaqCv+Y/HhtEmSFrBNAjLU6KbzMJ8P2GC3Lnb6fMF3gD8I+q5r7N2XM9Bj51zfhxHF/UM5sOs5pviHttFA4K3SH/6DOs5sDjyz3xV4NPgjzkVE6OQlexDeQ3RT2Bi47b9RbJcvajIFcqxb1JN8LO5MgfPhT1LDtedNT4MnpYzVbbgXplRdyrdLiizlFCBcixbcq6nocGO9Uie3BId0g/V6lcAWi5bP3oTesttofxcAh+H58+4LTDRtyrO2SotN2jOjqD5shR3X0htxKGlvR3OI0sKXJsej6c7pR7uXZyhMu7VdrR6s8v+I5t1zIUutjuEpKd7T+0zRJMrYONys3rPQZ014Qm/yTStSjD7+9+1tqG7o4uWkEnvZaMdSy4n0zt4iPrbOPDSYVhyuvUqEiajoxyTDH82eJeXxBKBQVRoQX17nMzhimO5ayNftw5YAktLYW1VWXMau1z2ekd79Sm5xw9/rjbOcf/isUlt/n6Tfs1r0ee6x46lnFg1y+rJ+0LiwlmiVa1Rc7Rbvz06O+ImNVQ9ZSlW69Z33tsbJzyQu5xX1+Zfr+xlPoaxPvYRZj1HfTI0iqHTQC10heOoHZ6x5H+9d/AwyPvto3qwV+rZIDPdTVRvrdWhvYG1ddhC/CP5etawmbVT8plPJtX40hKekYKoN7Ug59aCk2++gteJM91CGjHiAIYIRKwQGRgTyoRcyOVCQSS6jmZnN1A2wkOVq4DutwSEosaBYINDiA44ByCC+6QePR8kvjUfCaJ4MFaTsw2cqdpRDCIxDbXYPmS0hKp5WUIkpQKMxFVUUTQosDD4oiW5QcwD1f3XDIOlSC6+whZJeXJMFJMSpcWY7Hj7IaKikqxMrq0AEkY1zyGKQt0c5OW3cRVUloMUWgIgYGQMFtqYA5JlCohdUsZBBKpVGZCKBWKEI4ur5LKxCE0Gc+FxjCjhozUI+JkJW2qrmD0tUoUTzcYUpg9LCxVDDO3JgtShLFSmItySwGkxhiuDnpEygQaNuH22spc51UUPzcuV4OxfooiUmS86+OaMiSsOiAYGVFWBgAA') format('woff2'), url(../fonts/addicon.woff?t=1630980291735) format('woff'), url(../fonts/addicon.ttf?t=1630980291735) format('truetype')
}
.iconfont.icon-skype, .iconfont.icon-whatsapp {
	font-family: addicon!important
}
.icon-skype:before {
	content: "\e713"
}
.icon-whatsapp:before {
	content: "\e8ec"
}
.mobile-bottom-item a {
	text-transform: capitalize
}
.products-content .pro-list .list-2 .pro-info article {
	margin-top: 15px
}
.pro-detail-content .pro-review .pro-preview-right .pro-name {
	margin-top: 10px
}
.product-price {
	padding: 10px 0 0
}
.list-1 .product-price {
	padding: 10px 20px 0
}
.product-content-price {
	margin-bottom: 10px
}
.addToCart {
	height: 46px;
	width: 300px;
	border: 1px solid #0071b3;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 20px 0 0;
	cursor: pointer;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #fff;
	transition-property: color;
	transition-duration: .3s
}
.addToCart::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0071b3;
	transform: scaleY(0);
	transform-origin: 50%;
	transition-property: transform;
	transition-duration: .3s;
	transition-timing-function: ease-out
}
.addToCart:hover::before {
	transform: scaleY(1)
}
.addToCart span {
	font-size: 18px;
	color: #0071b3
}
.addToCart:hover span {
	color: #fff
}
@media(max-width:768px) {
.addToCart {
	height: 6.6666666667vw;
	width: 40vw;
	margin: 2vw 0
}
.addToCart span {
	font-size: 4vw
}
.products-content .pro-list .list-2 .product-price span {
	height: auto;
	background: 0 0;
	margin: 0
}
.product-price {
	padding: 1vw 2.6666666667vw 0;
	font-size: 3.2vw
}
.product-content-price {
	font-size: 3.2vw
}
.products-content .pro-list .list-1 .product-price span {
	margin: 0
}
.list-1 .product-price {
	padding: 1vw 2.6666666667vw
}
}
@media(max-width:768px) {
.pro-intro article img, .abouts-content img {
	height: auto!important
}
}
/*Index_7*/
.indnewsmodule ul {
	margin: 0 180px;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}
.indnewsmodule ul li {
	width: 31%;
	margin: 15px 0
}
.indnewsmodule ul li .media {
	display: flex
}
.indnewsmodule ul li .media-left {
	height: 78px;
	width: 78px;
	background: #0071b3;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.indnewsmodule ul li .media-body {
	width: calc(100% - 98px)
}
.indnewsmodule ul li .media-body h6 a {
	font-size: 16px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 6px 0 8px;
}
.indnewsmodule ul li .media:hover .media-left {
	background: #252525;
	color: #FFF
}
.indnewsmodule ul li .media-left p {
	text-align: center;
	margin: 0;
	line-height: 22px;
	color: #FFF
}
.indnewsmodule ul li .media .media-left .f-month {
	font-size: 14px;
	color: #FFF
}
.indnewsmodule ul li .media .media-left .f-day {
	font-size: 28px;
	color: #FFF;
	margin-bottom: 12px;
}
.indnewsmodule ul li .media .media-left .f-year {
	font-size: 12px;
	color: #FFF;
	line-height: 1;
}
.indnewsmodule ul li .media .media-body h3, #fh5co-news-list .media .media-body h6 {
	margin-bottom: 0;
	margin-top: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px
}
.indnewsmodule ul li .media .media-body h3 a, #fh5co-news-list .media .media-body h6 a {
	font-size: 16px;
	color: #252525;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.indnewsmodule ul li .media:hover h6 a {
	color: #0071b3
}
.indnewsmodule ul li .media .media-body p {
	color: grey;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}
@media screen and (max-width:1520px) {
.indnewsmodule ul {
	margin: 0 100px
}
}
@media screen and (max-width:1280px) {
.indnewsmodule ul {
	margin: 0 50px
}
}
@media screen and (max-width:1080px) {
.indnewsmodule ul {
	margin: 0 25px
}
}
@media screen and (max-width:1024px) {
.indnewsmodule ul li {
	width: 48%;
}
}
@media screen and (max-width:768px) {
.indnewsmodule ul {
	margin: 0 6.6666666667vw
}
}
@media screen and (max-width:640px) {
.indnewsmodule ul li {
	width: 100%;
	margin: 10px 0
}
}
/*Index_7*/@media(max-width:768px) {
#xyz {
	padding: 12px 0;
	width: 100%;
	margin: 0;
	height: auto;
	position: static!important;
}
#xyz .xyz12 span {
	display: none
}
#xyz ul {
	display: flex!important;
	flex-direction: row;
	;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	position: static
}
#xyz .xyz12 ul>li {
	margin: 0;
	padding: 10px 0!important;
	width: 50%;
	text-align: left;
	background: transparent;
	border: 0;
	display: block!important
}
#xyz .xyz12 ul>li img {
	margin-right: 4px;
	vertical-align: middle;
	display: inline-block
}
#xyz .xyz12 ul>li a {
	display: block;
	overflow: hidden;
	padding: 0;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	text-indent: 0;
	line-height: 20px;
	height: auto;
	margin: 0;
	text-align: left
}
#xyz .xyz12 {
	display: block!important;
	padding: 0;
	position: static;
	height: auto;
	background: transparent;
}
}
@media(max-width:768px) {
footer .mobile-bottom {
	height: auto;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
footer .footer-container {
	padding-bottom: calc(16vw + constant(safe-area-inset-bottom));
	padding-bottom: calc(16vw + env(safe-area-inset-bottom))
}
iframe, video {
	max-width: 100%;
	max-height: 380px;
}
}
@media(max-width:1441px) {
img {
	height: auto;
	max-width: 100%;
}
}
.products-content .pro-list .list-2 .pro-info .pro-name a {
	line-height: 1.3em;
}
#jljw_IM_GdImBox {
	z-index: 900!important
}
@media screen and (max-width:768px) {
footer .mobile-bottom {
	z-index: 500
}
header nav {
	z-index: 999
}
}
.sm-mask {
	z-index: 998
}
@media screen and (max-width: 768px) {
header .header-top .top-right .search-input {
	z-index: 999
}
}
.compare-panel.is-bottom {
	bottom: calc(16vw + constant(safe-area-inset-bottom));
	bottom: calc(16vw + env(safe-area-inset-bottom));
}
footer .footer-container .right-text a {
	margin-left: 20px;
}
.app {
	font-size: 16px
}
.app p {
	font-size: 1em;
	line-height: 2em
}
.app h4 {
	font-size: 1.5em;
	margin-bottom: 1em
}
.app h5 {
	font-size: 1em;
	margin: 1em 0
}
.app .app-list {
	display: -ms-flexbox;
	display: flex
}
.app .app-list .list-item {
	-ms-flex: 1;
	flex: 1
}
.app .app-list .list-item h4 {
	margin-bottom: 1em
}
.app .app-list li {
	padding: 10px 0 10px 35px;
	background: url(/images/m418/images/about_li.png) no-repeat;
	background-position: 2px
}
.app {
	font-size: 16px
}
.app .app-box {
	display: -ms-flexbox;
	display: flex
}
.app .box-l {
	-ms-flex: 3.5;
	flex: 3.5
}
.app .box-l img {
	width: 100%
}
.app .box-r {
	-ms-flex: 6.5;
	flex: 6.5
}
.app .box-r {
	padding-left: 40px
}
.support .support-item {
	display: -ms-flexbox;
	display: flex
}
.support .support-item>div {
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 60px
}
.support .item-r {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.support .item-l .item-con {
	padding-right: 66px
}
.support .item-r .item-con {
	padding-left: 66px
}
.support .item-con {
	margin-top: 10px
}
.support .item-con p {
	margin-top: .5em
}
.support .item-con h4 {
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 1em;
	position: relative
}
.support .item-con h4::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	height: 3px;
	width: 40px;
	background-color: #b0acac
}
.solution .icon-list {
	display: -ms-flexbox;
	display: flex;
	position: relative
}
.solution .icon-list>div {
	-ms-flex: 1;
	flex: 1
}
.solution .icon {
	width: 90px;
	height: 90px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.solution .sol-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 0 6%
}
.solution .sol-icon:after {
	content: '01';
	font-size: 90px;
	font-weight: 700;
	position: absolute;
	top: -8px;
	left: 50%;
	color: #888;
	opacity: .1;
	transform: translateX(-50%)
}
.solution .sol-icon:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 100%;
	height: 30px;
	background: url(/images/m418/images/sol_line.png) no-repeat;
	transform: translateY(-50%)
}

.solution .sol-icon:nth-child(4):before {
	display: none
}
.solution h4 {
	font-size: 24px;
	margin-bottom: 1em
}
.solution .sol-tab .tab-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}
.solution .sol-tab .tab-title {
	padding: 10px 20px;
	background-color: #eaeeee;
	color: #666;
	cursor: pointer;
	margin-right: 20px
}
.solution .sol-tab .tab-title:hover {
	background-color: #b0acac;
	color: #fff
}
.solution .sol-tab .tab-title.is-active {
	background-color: #b0acac;
	color: #fff
}
.solution .sol-tab .tab-title:nth-last-child(1) {
	margin-right: 0
}
.solution .sol-tab .tab-content .content-item {
	display: none
}
.solution .tab-content {
	margin-top: 40px
}
.solution .sol-box {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}
.solution .sol-box>div {
	width: 50%;
	-ms-flex: auto;
	flex: auto;
	padding: 0
}
.solution .sol-box>div img {
	display: block;
	width: 100%;
	height: auto
}
.solution .sol-box .box-icon {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background-color: #b0acac;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.solution .sol-box .box-icon>img {
	width: 40px;
	height: auto
}
.solution .sol-box .con {
	background-color: #f3f3f3;
	padding: 4%;
	box-sizing: border-box
}
.solution .sol-box .con-top {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}
.solution .sol-box .con-top p {
	margin-left: 30px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.3em
}
.applic-list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}
.applic-list ul li {
	width: 33.3333%;
	margin-bottom: 20px;
	padding: 0 10px;
	box-sizing: border-box
}
.applic-list .applic-name {
	padding: 10px 0;
	display: block;
	text-align: center;
	color: #222;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.applic-list .applic-img img {
	display: block;
	width: 100%;
	height: auto
}
.support-item-img {
	margin-bottom: 20px
}
.support-item-img img {
	width: 100%;
	height: auto
}
.ck-add {
	padding-top: 20px
}
.ck-add .cp .cp-img img {
	width: 100%;
	height: auto
}
.ck-add .cp {
	display: flex
}
.ck-add .cp>div {
	width: 50%
}
.ck-add .cp-con {
	padding-left: 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center
}
.ck-add .cp-con h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 14px
}
.ck-add .ps-img {
	margin-bottom: 20px
}
.ck-add .ps-img img {
	width: 100%;
	height: auto
}
.ck-add .ps-con p {
	line-height: 1.8em;
	margin-bottom: 20px
}
.ck-add .ti {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}
.ck-add .ti .ti-tit {
	white-space: nowrap;
	font-size: 22px;
	font-weight: 700;
	color: #222;
	padding: 20px
}
.ck-add .ti .ti-con {
	flex: 1
}
.ck-add .ti .ti-img {
	width: 100%;
	margin: 10px 0
}
.ck-add .ti .ti-img img {
	width: 100%;
	height: auto
}
.ck-add .dh-con h4 {
	text-align: center
}
.ck-add p {
	margin-bottom: 20px;
	line-height: 1.6em;
	color: #222
}
.ck-add h4 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #222
}
.ck-add ul {
	padding-left: 20px
}
.ck-add ul li {
	position: relative;
	color: #6e6e6e;
	list-style: disc
}
.ck-add .ce-list {
	display: flex
}
.ck-add .ce-list>div {
	flex: 1
}
.ck-add .ce-list img {
	width: 100%;
	height: auto
}
.ck-add .ce-list {
	margin: 0 -10px
}
.ck-add .ce-list .ce-item {
	padding: 0 10px;
	box-sizing: border-box
}
.ck-add .ho .ho-item {
	display: flex
}
.ck-add .ho .ho-item img {
	display: block;
	margin: 0 auto
}
.ck-add .ho .l .ho-left, .ck-add .ho .r .ho-right {
	flex: 4
}
.ck-add .ho .l .ho-right, .ck-add .ho .r .ho-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 6;
	padding: 0 20px;
	box-sizing: border-box
}
.ck-add .ho .ho-title {
	font-weight: 700
}
.ck-add .ho .ho-con {
	margin-top: 30px
}
.ck-add .ca-img img {
	width: 100%;
	height: auto
}
.ck-add .ca-img {
	margin-bottom: 20px
}
.ck-add .rd .rd-img-list {
	display: flex
}
.ck-add .rd .rd-img {
	padding: 0 10px;
	margin-bottom: 20px
}
.ck-add .rf .rf-con img {
	float: left;
	margin-right: 30px
}
.ck-add .cm-img img {
	width: 100%;
	height: auto
}
.ck-add .cm-img {
	margin-bottom: 20px
}
.ck-add .cv img {
	float: right
}
.ck-add .ch-item {
	display: flex
}
.ck-add .ch-item>div {
	width: 50%
}
.ck-add .ch-item.r {
	flex-direction: row-reverse
}
.ck-add .ch-con {
	display: flex;
	padding: 20px;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center
}
.ck-add .pe .pe-con .pe-img {
	float: right
}
.ck-add .pe ul li img {
	margin-top: 0!important
}
.ck-add .pe ul li {
	list-style: none
}
.ck-add .pe ul {
	padding-left: 0
}
@media screen and (max-width:768px) {
.applic-list ul li {
	width: 50%
}
.applic-list .applic-name {
	font-size: 14px
}
.ck-add .cp {
	flex-direction: column
}
.ck-add .cp>div {
	width: 100%
}
.ck-add .ce-list {
	flex-wrap: wrap
}
.ck-add .ce-list>div {
	width: 100%;
	flex: none
}
.ck-add .cp-con {
	padding-left: 0;
	margin-top: 20px
}
.ck-add .ho .ho-con {
	margin-top: 0
}
.ck-add .ho .ho-item {
	display: block
}
.ck-add .ho .ho-title {
	margin: 10px 0
}
.ck-add .rd .rd-img-list {
	flex-direction: column
}
.ck-add .rd .rd-img {
	padding: 0
}
.ck-add .ch-item.l, .ck-add .ch-item.r {
	flex-direction: column
}
.ck-add .ch-item>div {
	width: 100%
}
}
.app, .solution, .applic-list, .support {
	padding-top: 20px
}
header nav ul .submenu {
	flex-wrap: wrap;
	align-items: center;
	height: auto;
	min-height: 60px
}
@media screen and (max-width:768px) {
.app, .case, .solution, .support {
	padding: 10px 0
}
.applic-list {
	padding: 6vw 0
}
.app .app-box, .app .app-list {
	flex-direction: column
}
.app .box-l {
	margin-bottom: 1em
}
.app .box-r {
	padding-left: 0
}
.app .list-item {
	margin-bottom: 1em
}
.how-to-use ul>li {
	width: 100%
}
.case ul>li {
	width: 50%;
	padding: 0 2vw
}
.case ul {
	margin: 0 -2vw
}
}
@media screen and (max-width:1500px) {
.solution .tab-content {
	margin-top: 10px
}
.solution .sol-box {
	flex-direction: column
}
.solution .sol-box>div {
	width: 100%
}
.solution .icon-list {
	flex-wrap: wrap
}
.solution .icon-list>div {
	flex: auto
}
.solution .sol-icon {
	width: 50%;
	margin: 0;
	margin-bottom: 4vw
}
.solution .sol-icon:before {
	display: none
}
.solution .sol-tab .tab-list {
	flex-wrap: wrap
}
.solution .sol-tab .tab-title {
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px
}
.solution .sol-box .box-icon {
	width: 65px;
	height: 65px
}
.solution .sol-box .con-top p {
	margin-top: 0;
	margin-left: 16px
}
}
@media screen and (max-width:1000px) {
.support .support-item {
	flex-direction: column
}
.support .support-item img {
	width: 100%
}
.support .item-l .item-con {
	padding-right: 0
}
.support .item-r .item-con {
	padding-left: 0
}
.support .support-item>div {
	margin-bottom: 8vw
}
.support .item-con h4 {
	font-size: 20px
}
}
@media screen and (max-width:768px) {
.abouts-content {
	padding: 0 4vw
}
.ck-add .ch-con {
	padding: 10px 0
}
.abouts-content article .content, .abouts-content article .title, .abouts-content article p, .app p, .solution p, .support p {
	line-height: 1.6em
}
.ck-add .ho .l .ho-right, .ck-add .ho .r .ho-left {
	padding: 10px 0
}
.ck-add .ce-list>div {
	width: 50%
}
}
.addToCart.is-active {
	background: #0071b3;
}
.addToCart.is-active span {
	color: #fff;
}
.wmkc-video-g {
	height: 6px;
	width: 2%;
	background-color: #0071b3;
	margin-top: 20px;
	margin-bottom: 20px
}
.wmkc-video-table p {
	font-size: 28px;
	margin-bottom: 70px
}
.wmkc-video-box {
	display: flex;
	justify-content: space-between
}
.wmkc-video-all {
	width: 32%
}
.wmkc-video-all p:nth-of-type(1) {
	margin-top: 20px;
	margin-bottom: 18px;
	font-size: 18px
}
.wmkc-video-all p:nth-of-type(2) {
	margin-bottom: 25px;
	font-size: 16px
}
.wmkc-video-all p:nth-of-type(3) {
	font-size: 15px
}
.wmkc-video-all:hover .wmkc-video-bor {
	box-shadow: 5px 2px 10px 1px #b2b7dd;
	border-left: none
}
.wmkc-video-view {
	text-align: center;
	margin-top: 40px
}
.wmkc-video-view span {
	background-color: #0071b3;
	color: #fff;
	text-align: center;
	padding: 15px 25px
}
.wmkc-video-conn {
	padding: 20px 20px
}
.wmkc-video-span {
	height: 2px;
	background-color: #e5e5e5;
	width: 100%;
	margin-bottom: 30px
}
.gallery-next .swiper-slide, .gallery-up .swiper-slide, .wmkc-deve-alls .swiper-container .swiper-slide {
	flex-direction: column
}
.wmkc-deve-all {
	display: flex;
	justify-content: space-between
}
.wmkc-deve-page {
	margin-top: 30px;
	margin-bottom: 30px
}
.wmkc-deve-page .swiper-pagination {
	position: relative;
	display: flex;
	justify-content: space-around
}
.wmkc-deve-page .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	line-height: 70px;
	margin: 0 20px;
	border: 2px solid #1d2ea0;
	background: #fff;
	opacity: 1
}
.wmkc-deve-page .swiper-pagination-bullet strong {
	margin-left: -9px;
	font-size: 14px;
}
.wmkc-deve-size {
	width: 48%;
	margin-top: 90px;
	padding: 0 20px
}
.wmkc-deve-img {
	width: 48%
}
.wmkc-deve h4 {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 55px;
	color: #222
}
.wmkc-deve-size p:nth-of-type(1) {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 14px;
	color: #222
}
.ck-add ul li {
	list-style: none
}
.ck-add ul {
	margin-top: 70px
}
.wmkc-deve-wire {
	height: 1px;
	background-color: #e5e5e5;
	width: auto;
	display: flex;
	justify-content: space-around;
	position: relative;
	top: 10px
}
.wmkc-deve-circle {
	width: 20px;
	height: 20px;
	border: 2px solid #4e4e4e;
	border-radius: 30px;
	margin: auto;
	display: flex
}
.wmkc-deve-c {
	width: 10px;
	height: 10px;
	background-color: #4e4e4e;
	border-radius: 30px;
	margin: auto
}
.wmkc-deve-wire li {
	position: absolute;
	top: -10px
}
.wmkc-honor {
	display: flex;
	background-color: #4e4e4e
}
.wmkc-honor-size {
	width: 35%;
	padding: 60px
}
.wmkc-honor-swier {
	width: 64%;
	display: flex
}
.wmkc-honor-size h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 60px;
	color: #fff
}
.wmkc-honor-size p:nth-of-type(1) {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 15px;
	color: #1d2ea0
}
.wmkc-honor-size p:nth-of-type(2) {
	font-size: 16px;
	line-height: 1.8em;
	color: #d0d0d0
}
.wmkc-honor-swier {
	background-image: url(/images/m401/singgleimg/honor-01.png);
	background-repeat: no-repeat
}
.wmkc-honor-tu {
	width: 32%;
	margin: auto
}
.gallery-next, .gallery-up, .wmkc-deve-alls .swiper-container {
	margin-top: 40px
}
.wmkc-honor-left {
	width: 30px;
	height: 80px;
	background-color: #999;
	position: absolute;
	text-align: center
}
.wmkc-honor-left:hover {
	background-color: #1d2ea0
}
.wmkc-honor-right:hover {
	background-color: #1d2ea0
}
.wmkc-honor-right {
	width: 30px;
	height: 80px;
	background-color: #999;
	position: absolute;
	text-align: center
}
.wmkc-honor-left img {
	width: 50%;
	margin-top: 100%
}
.wmkc-honor-right img {
	width: 50%;
	margin-top: 100%
}
.wkmc-social-top {
	display: flex;
	padding: 70px 0 0 0;
	background-color: #fafafa
}
.wmkc-social-img {
	flex: 1;
	width: 100%
}
.wmkc-social-size {
	width: 54%
}
.wmkc-social-env {
	display: flex
}
.wmkc-social-env p {
	font-size: 18px
}
.wmkc-social-ziti p {
	line-height: 28px;
	margin-top: 20px;
	margin-bottom: 25px
}
.wmkc-socizl-leaf {
	max-width: 45px;
	text-align: center
}
.wmkc-socizl-leaf img {
	width: 50%
}
.wmkc-social-p {
	max-width: 70px;
	text-align: center;
	margin: auto;
	background-color: #ffff;
	padding: 22px 0;
	margin-right: 30px
}
.wmkc-social-box {
	display: flex;
	margin-bottom: 35px
}
.wmkc-social-p img {
	width: 35%
}
.wmkc-social-sizep p:nth-of-type(1) {
	font-size: 18px
}
.wmkc-social-sizep p:nth-of-type(2) {
	line-height: 28px
}
.wmkc-social-charity {
	display: flex;
	margin-top: 90px
}
.wmkc-social-png {
	flex: 1
}
.wmkc-social-char {
	width: 52%
}
.wmkc-social-ad {
	display: flex;
	margin-top: 20px
}
.wmkc-social-adimg {
	width: 40px;
	text-align: center
}
.wmkc-social-adimg img {
	width: 70%
}
.wmkc-social-ad h5 {
	font-weight: 800;
	font-size: 18px
}
.wmkc-social-ss {
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 40px
}
.wmkc-social-li {
	display: flex;
	align-content: center;
	align-items: center;
	margin-bottom: 30px
}
.wmkc-social-li::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background-color: #1d2ea0;
	margin-right: 15px
}
.wmkc-social-li p {
	border-radius: 30px;
	margin-right: 15px;
	flex: 1
}
.wmkc-members {
	display: flex;
	width: 49%;
	margin-bottom: 30px
}
.wmkc-content-img {
	flex: 1
}
.wmkc-content-img img {
	width: 100%;
	height: 100%
}
.wmkc-members-ioce {
	display: flex;
	text-align: center;
	padding: 20px 0;
	align-items: center
}
.wmkc-members-ioce p {
	color: #1d2ea0
}
.wmkc-members-right {
	width: 60%;
	padding: 0 0 0 30px;
	border-left: none;
	box-shadow: 5px 1px 5px 2px #ccc
}
.wmkc-members-backtu {
	margin-right: 5px;
	background-image: url(/images/m401/singgleimg/members-02.jpg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100%
}
.wmkc-members-table {
	font-size: 24px;
	margin-top: 20px
}
.wmkc-members-s {
	color: #707070;
	line-height: 1.5
}
.wmkc-members-all {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 47px
}
.wmkc-members:hover .wmkc-members-right {
	box-shadow: none;
	border: 1px solid #0071b3;
	border-left: none
}
.wmkc-members-page {
	display: flex;
	width: 40%;
	margin: auto;
	justify-content: space-between;
	align-items: center
}
.wmkc-members-page div {
	width: 10%;
	border: 1px solid #e8e8e8;
	padding: 20px 0
}
.wmkc-members-page div p {
	text-align: center
}
.wmkc-members-page :active {
	background-color: #1d2ea0;
	color: #fff
}
.wmkc-faq {
	min-height: 800px
}
.wmkc-faq-size {
	text-align: center
}
.wmkc-faq-size h5 {
	font-size: 24px;
	margin-bottom: 20px
}
.wmkc-faq-size p {
	margin-bottom: 0
}
.wmkc-faq-ul {
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
	margin-bottom: 60px
}
.wmkc-faq-list p {
	margin-bottom: 0
}
.wmkc-faq-list {
	padding: 25px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.wmkc-faq-listlet p {
	padding: 0 40px
}
.wmkc-faq-li {
	width: 17%;
	background-color: #f5f5f5;
	text-align: center;
	border-radius: 10px
}
.wmkc-faq-li p {
	margin-bottom: 0;
	padding: 25px 0
}
.wmkc-faq-jia {
	width: 20px;
	height: 20px;
	transition: all .8s
}
.wmkc-faq-listlet {
	max-height: 0;
	overflow: hidden
}
.wmkc-faq-all {
	background-color: #f5f5f5;
	border-bottom: 1px solid #fff
}
.wmkc-faq-all:hover .wmkc-faq-listlet {
	max-height: 600px;
	transition-timing-function: ease-in
}
.wmkc-faq-all:hover {
	border-left: 5px solid #0071b3
}
.wmkc-faq-all:hover .wmkc-faq-jia {
	transform: rotate(180deg)
}
.project-list {
	margin: 30px 250px 0
}
.project-list li {
	width: 100%;
	border-bottom: solid 1px #f5f5f5;
	margin-top: 0;
	margin-bottom: 0
}
.project-name {
	line-height: 1.6em;
	color: #222;
	font-weight: 600px;
	font-size: 18px;
	padding: 25px 40px
}
.project-content {
	max-height: 0;
	overflow: hidden;
	padding: 0 40px 0;
	margin-bottom: 20px
}
.project-list li:hover .project-content {
	max-height: 800px;
	transition-timing-function: ease-in
}
.project-list li:hover {
	border-left: 5px solid #0071b3
}
.video-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 250px
}
.video-list li {
	width: 32%;
	margin-right: 20px
}
.video-name {
	padding: 20px 10px;
	font-size: 18px;
	font-weight: 800;
	border-bottom: 2px solid #e5e5e5
}
.video-in {
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	margin: 20px 10px
}
.video-list li:hover {
	box-shadow: 5px 2px 10px 1px #b2b7dd
}
.wmkc-social-char, .wmkc-social-size {
	margin-left: 40px
}
@media (max-width:1520px) {
.project-list, .video-list {
	margin: 30px 100px 0
}
}
@media (max-width:1280px) {
.project-list {
	margin: 30px 50px 0
}
.video-list {
	margin: 0 50px
}
}
@media (max-width:1024px) {
.video-list {
	margin: 30px 30px 0
}
.project-list {
	margin: auto
}
.wmkc-social-img {
	margin: auto
}
.wmkc-honor-size {
	padding: 20px
}
.wmkc-members-right {
	padding: 15px
}
}
@media (max-width:1000px) {
.video-list {
	margin: 20px 30px 0
}
}
@media(max-width:768px) {
.video-list {
	flex-direction: column
}
.video-list li {
	width: 100%;
	margin-bottom: 20px
}
.wmkc-video-box {
	flex-direction: column
}
.wmkc-video-all {
	width: 100%;
	margin-bottom: 30px
}
.ck-add p {
	margin-bottom: 10px;
	font-size: 16px
}
.wkmc-social-top {
	flex-direction: column
}
.wmkc-social-size {
	width: 100%;
	margin-left: 0
}
.wmkc-social-env {
	padding: 0 20px;
	margin-top: 20px
}
.wmkc-social-ziti p {
	margin-top: 0
}
.wmkc-social-manage {
	padding: 20px 20px
}
.wmkc-social-img {
	text-align: center
}
.wmkc-social-charity {
	flex-direction: column
}
.wmkc-deve-img, .wmkc-deve-size, .wmkc-social-char {
	width: 100%;
	margin-left: 0
}
.wmkc-deve-all {
	flex-direction: column
}
.wmkc-deve-size {
	margin-top: 30px
}
.ck-add ul {
	margin-top: 40px;
	margin-bottom: 80px;
	padding-left: 0
}
.wmkc-deve-wire ul li p {
	font-size: 12px
}
.wmkc-deve h4 {
	margin-bottom: 20px
}
.wmkc-honor {
	flex-direction: column
}
.wmkc-honor-swier {
	width: 100%
}
.wmkc-honor-size {
	padding: 25px;
	width: 100%;
	text-align: center
}
.wmkc-members {
	flex-direction: column
}
.wmkc-members-right {
	width: 100%
}
.wmkc-members-page {
	width: 85%
}
.wmkc-members-right {
	padding: 0 10px;
	font-size: 14px
}
.wmkc-introdu-n, .wmkc-introdu-p {
	width: 40px;
	height: 40px;
	line-height: 45px
}
.wmkc-members-s {
	padding-bottom: 20px
}
.wmkc-members-table {
	font-size: 18px
}
}
@media (max-width:320px) {
.ck-add p {
	margin-bottom: 10px
}
.wkmc-social-top, .wmkc-social-box {
	flex-direction: column
}
.wmkc-social-p {
	margin: auto;
	margin-bottom: 20px
}
.wmkc-social-env {
	margin-top: 20px
}
.wmkc-social-charity {
	flex-direction: column;
	margin-top: 30px
}
.wmkc-social-li div {
	padding: 0 5px
}
.wmkc-social-size {
	margin-left: 0
}
.wmkc-video-table p {
	font-size: 24px;
	margin-bottom: 15px
}
.wmkc-video-g {
	width: 10%;
	margin-bottom: 10px
}
.wmkc-members, .wmkc-members-all {
	flex-direction: column
}
.wmkc-members {
	width: 100%
}
.wmkc-members-right {
	width: 100%;
	padding: 0
}
.wmkc-members-page {
	width: 100%
}
.wmkc-members-page div {
	width: 14%;
	padding: 10px 10px
}
.wmkc-members-z {
	margin-bottom: 20px
}
.wmkc-deve-size {
	width: 100%;
	margin-top: 0
}
.wmkc-deve-img {
	width: 100%
}
.ck-add ul {
	margin-top: 30px;
	margin-bottom: 40px;
	padding-left: 0
}
.wmkc-honor-size {
	padding: 15px
}
}
@media(min-width:2000px) {
.video-list {
	margin: 0 450px
}
}
.abouts-content .ck-add img {
	width: auto;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.glyphicon-menu-right::before {
    content: "\e258";
}
.view-html .container-fluid {
    padding-right:0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto
}
.glyphicon {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.swiper-button-next, .swiper-button-prev {
    cursor: pointer;
}
[role="button"] {
    cursor: pointer;
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.glyphicon-menu-left::before {
    content: "\e257";
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-right::before {
    content: "\e258";
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}
abbr[title] {
    border-bottom: 1px dotted
}



dfn {
    font-style: italic
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
  color: #fff;
}
.info-language{ margin-right:20px}
.info-language a{ padding-left:20px; color: #ccc; margin-left:10px;}
.info-language .chinese{ background:url(../images/chinese.jpg) no-repeat center left}
.info-language .english{ background:url(../images/english.jpg) no-repeat center left}
.info-language .russian{ background:url(../images/russian.jpg) no-repeat center left}
.visual-slide .swiper-container-1 .swiper-slide a{width:100%}
.visual-slide .swiper-container-1 .slide-item img{ margin:0;}
.swiper-container-1 .swiper-button-prev-1, .swiper-container-1 .swiper-button-next-1{width:50px;height:50px;}
.part-item ul li {
  width:100%;
}
.part-item ul li a{ font-size:15px; line-height:30px; color:#777777; background:url(../images/news.png) no-repeat center left; padding-left:15px;}
.part-item ul li a:hover{color: #0071b3;}
.part-item ul li a .date{ font-size:12px;  color: #0071b3; float:right}
.item-img {
  display: block;
  position: relative;
  overflow: hidden;
}
.item-img a {
  display: block;
}
.part-item .item-img img {
  max-width: 100%;
  position: relative;
}
.item-img p {
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
   font-weight:bold; margin-top:10px;
}
.part-item .item-img_bg {
  height: 0;
  transition: background 1s linear;
  padding-right: 25px;
  bottom: 0;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
    padding-right: 0px;
    padding-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  position: absolute;
  background: rgba(0,113,179,0.8);
  line-height:25px;
  color: #ffffff;
  font-size:14px;
  text-align: center;
  z-index: 99999;
}
/*.about_con */
.about-info{background-color: #f4f4f4;}
.about-info img {
  -webkit-transition: all 3s;
  transition: all 3s;
}
.about-info img:hover{cursor: pointer;
-webkit-transform: scale(1.2);transform: scale(1.2);
overflow:hidden}

.about_con {
 margin: 30px 180px 0;
}
.about_con li {
  float: left;
  width: 18%;
  text-align: center;
  margin:1%;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.about_con h2 {
  background-color: #fff;
  height: 72px;
  width: 90px;
  border-radius: 90px;
  text-align: center;
  padding-top: 18px;
  border: 14px solid #e4e4e4;
  display: table;
  margin: 0 auto;
}
.about_con li h3 {
  font-size: 18px;
  color: #555;
  margin-top: 10px;
  font-weight:normal;
}
.about_con li h3 span {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top:10px;
}
.about_con li h3 span{ display:block; font-size:14px; color:#888; margin-top:10px}

.about_con li:hover{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
.about_con li:hover h2{ background-color:#007cc2; border-color:#007cc2}

.page_banner {
  background-color: #030A15;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 265px;
  padding-bottom: 125px;
}
.page_banner{
  text-align: center;
padding-top: 150px;
padding-bottom:150px;
margin-top: 100px;
}
.page_banner-content h2 {
  color: #ffff;
  margin-bottom: 10px;
  font-size: 45px;
line-height: 62px;
padding: 0;
margin: 0;

}
.page_banner-content {
  flex-wrap: ;
  color: #fff;
  position: relative;
  z-index: 999999;
  left: ;
  padding: 0 180px;  margin:0 auto;
}
/* -------------------------------------
 * timeline
 * ------------------------------------- */
.advantage #timeline {
  list-style: none;
  margin: 20px;
  padding-left: 30px;
  border-left: 8px solid #0071b3;
}
.advantage #timeline li {
  margin: 30px 0;
position: relative;
}
.advantage #timeline p {
  margin: 0 0 15px;
}

.advantage .date {
  margin-top: -10px;
  top: 50%;
  left: -12%;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
}

.advantage .circle {
  margin-top: -10px;
  top: 50%;
  left: -44px;
  width: 20px;
  height: 20px;
  background: #0071b3;
  border-radius: 50%;
  display: block;
  position: absolute;
  border:5px solid #eee9dc;
}

.advantage .yscontent {
  max-height: 20px;
  padding: 50px 20px 0;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
}
.advantage {
  width: 85%;
  margin: 0 auto;
}
.advantage .yscontent:before,.advantage .yscontent:after {
  yscontent: ;
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.advantage .yscontent:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.advantage .yscontent:after {
  border-right-color: #0071b3;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}
.advantage .yscontent p {
  max-height: 0;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
  font-size:14px;
   line-height:22px;
}

.advantage label.yswork {
  font-size: 18px;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 20px;
  transition: transform 0.2s linear;
  padding-left: 10px;
  font-weight:normal
}

.advantage .radio {
  display: none;
}

.advantage .radio:checked + .relative label.yswork {
  cursor: auto;
  color: #0071b3;
  word-break: break-word;
}
.advantage .radio:checked + .relative .circle {
  background: #ffffff;
}
.advantage .radio:checked ~ .yscontent {

  border: none;
}
.advantage .radio:checked ~ .yscontent p {
  max-height: 200px;
  color: #292828;
  transition: color 0.3s linear 0.3s;
  padding-left:10px;
}

.advantage{ margin-top:50px;}
/*share*/
.share-btn-list {
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center
}
.share-btn-list>div {
	margin-right: 6px
}
.share-btn-list .share-btn {
	position: relative;
	height: 30px;
	width: 30px;
	transition: .4s all;
	transition-delay: 30ms;
	cursor: pointer;
	overflow: hidden;
	border-radius: 2px
}
.share-btn-list .share-btn:hover {
	transform: translateY(-6px)
}
.share-btn-list .facebook {
	background: url(../images/share-facebook.png) no-repeat;
	background-size: 30px 30px
}
.share-btn-list .twitter {
	background: url(../images/share-twitter.png) -4px -4px no-repeat;
	background-size: 37px 37px
}
.share-btn-list .linkedin {
	background: url(../images/share-linkedin.png) -4px -4px no-repeat;
	background-size: 36px 36px
}
.share-btn-list .pinterest {
	background: url(../images/share-pinterest.png) -2px -2px no-repeat;
	background-size: 32px 32px
}
.share-btn-list .ins {
	background: url(../images/share-ins.png) no-repeat;
	background-size: 30px 30px
}
.share-btn-list .whatsapp {
	background: url(../images/share-whatsapp.png) -2px -2px no-repeat;
	background-size: 34px 34px
}
.share-btn-list .mail {
	background: url(../images/share-mail.png) center no-repeat #f90;
	background-size: 22px 22px
}
.share-btn-list .print {
	background: url(../images/share-print.png) center no-repeat #2e3192;
	background-size: 18px 18px
}
@media (max-width:768px) {
.share-btn-list {
	width: 100%
}
.share-btn-list .share-btn:hover {
	transform: translateY(0)
}
.share-btn-list .share-btn {
	width: 25px;
	height: 25px
}
.share-btn-list .facebook {
	background-size: 23px 23px
}
.share-btn-list .linkedin, .share-btn-list .twitter {
	background-size: 30px 30px;
	background-position: -3px -3px
}
.share-btn-list .pinterest {
	background-size: 26px 26px;
	background-position: -1px -1px
}
.share-btn-list .whatsapp {
	background-size: 29px 29px;
	background-position: -2px -2px
}
.share-btn-list .mail {
	background-size: 18px 18px;
	background-position: center
}
.share-btn-list .print {
	background-size: 17px 17px;
	background-position: center
}
}
.send-inquiry .subbtton{ background:none; border:none}
.send-inquiry input.subbtton{border:none;margin-bottom:0;}
.compare-action  a{ color:#ffffff;}
.common-pages .pages{display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
width: 100%;
height: 60px;}
.common-pages .pages strong{ color:#ffffff;background:#0071b3;margin: 0 5px;
transition: all .3s ease;
box-sizing: border-box;
border: 1px solid #f9f9f9;
padding: 8px 14px;
display: flex;
height: 28px;
justify-content: center;
align-items: center;
 border:none}
 .jl_map{padding: 0 180px;}
@media (min-width:769px) { 
 .home-container {
  width: 100%;
  margin-top: 100px;
}
}
.news_left{width:30%; margin-left:1%; margin-right:2%; float:left; }
.news_center{width:30%; margin-left:1%; margin-right:2%; float:left;}
.news_right{width:30%; margin-left:1%; margin-right:2%; float:left;}
.news_left{ border:1px solid #dddddd;}
.news_center{ border:1px solid #dddddd;}
.news_right{ border:1px solid #dddddd;}
.news_title{ background:#f2f2f2; line-height:35px; padding:1% 5% }
.news_title a{color: #0071b3;}
.news_title a.learnmore{ color:#585858; float:right; font-family:16px;}
.news_list {
  padding: 5%;
}
.hot-product_list{margin: 30px 180px 0;}

/*factory*/

.factorys{width:100%; margin-top:15px; margin-bottom:15px;}
.factory_list{ margin:0 auto; margin-top:3%; margin-bottom:3%;margin: 30px 180px 0;}
.factory_left{width:100%;padding-bottom:20px}
.factory_right{width:100%; margin-left:0;
overflow: hidden;}
.brand_search{width:90%; margin:0 auto; padding:5%}
.factory_left .pro_listall{margin-left: 0px;margin-right: 0px;width:100%;background:none; margin:0 auto; padding-top:20px; padding-bottom:10px}
.product_list_all{padding: 2% 3%; border:1px solid #d8d8d8}
.product_list_all .pr_title{ font-size:16px; line-height:32px; text-align:left; color:#0071b3; font-weight:bold}
.product_list_all dl dt{width:auto; line-height:24px; color:#686868; font-size:14px; float:left; margin-right:15px;}
.product_list_all dl dt a{ color:#383838; background:url(../images/dot_r.gif) no-repeat left center; padding-left:8px}
.product_list_all dl dt a:hover{ text-decoration: underline; color:#0071b3}
.product_list_all ul li{width: 99%;
display: block; float:left; margin-right:1%;text-align: left;}

.product{padding-bottom: 0;}
.product_left{width:240px; float:left; background:#0071b3}
.product_left .pro_listall{margin-left: 0px;margin-right: 0px;width:190px;background:none; margin:0 auto; margin-left:15px; padding-bottom:30px}
.producttitle{ margin-top:10px;}
.fenlei_title{ padding-top: 20px;
text-align: center;
line-height:65px;}
.fenlei_title a{
font-size:32px;
line-height: 38px;
text-align: center;
overflow: hidden;
background: #0071b3;
color: #fff;
font-weight: bold}
.fenlei_title span{ line-height:25px; color:#ffffff; font-size:14px; display:block}
.product_right{width: 950px;
float: right;
overflow: hidden;}
.item{width: 220px;
float: left;
margin-right: 20px;}
.item .img-auto{width:100%; display:block; border:1px solid #d8d8d8;width: 220px;
height: 220px;}
.item .img-auto img{width:auto; max-width:100%; max-height:100%;height:auto;width:auto;}
.item .title_new{ line-height:38px; font-size:15px; color:#282828}
.item .title_new a{ color:#686868}
.item .title_new a:hover{color: #0767ac;}
.product_show{width:1050px;}
.title_w {
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px solid #d8d8d8;
  line-height: 60px;
  margin-bottom: 15px;height:50px;
}
.title_w a {
  font-size: 20px;
  text-decoration: none;
  color: #0767ac;
  display: block;
  float: left;
  line-height: 50px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  background: #0071b3;
  color: #fff;
  padding-left: 25px;
  padding-right: 25px;
}
.title_w span a.more {
  width: auto;
  font-size: 15px;
  color: #808080;
  float: right;
  font-weight: normal;
  padding-right: 0;
}
.title_w a.more {
  background: none;
}
.product_list_all {
padding: 2% 3%;
  border: 1px solid #d8d8d8;
}
.factory_left .pro_listall li {width: 18%;
margin: 0 auto;
margin-left: 1%;
margin-right: 1%;
float: left; margin-bottom:10px;height:80px}
.factory_left .pro_listall li img{width:auto; margin:0 auto; padding:0px;  height: auto; margin:0 auto; max-height:100%; max-width:100%}
.factory_left .pro_listall{ display:block}
.factory_left .pro_listall li a{width:100%; display:inline-block; text-align:center;border:1px solid #dddddd; background:#ffffff;height:100%; line-height:78px;}
.factory_left .pro_listall li a span{ display:block;   color: #ffffff;
  line-height: 78px;
  font-size: 18px;
}
.part-title .item_title{border-bottom: 2px solid #007cc2;
color: #007cc2;
padding-bottom: 13px;
font-size: 18px;}
.factory_left .pro_listall li:first-child
{ 
border:none; font-size:20px; list-style:none
}
.factory_left .pro_listall li:first-child a span{font-size:35px; font-weight:bold}

.products_intro{width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
margin-top: 0px;
padding: 0 180px;padding-top:30px; padding-bottom:30px; color:#383838}
.products_pptitle{padding: 0 180px; font-size:24px; font-weight:bold; margin-top:50px; color:#0071b3}
.products_pptitle a{ border-bottom:1px solid #e8e8e8; line-height:55px; display:block;color:#0071b3}
.products_introlist{background: #f2f2f2;width:100%; margin:0 auto; padding:30px;}
.products-content.prlist_pp  .pro-list .list-1 .pro-img {
  max-height: 160px;
}

.products-content.prlist_pp .pro-list .list-1 .pro-name{ padding-top:0}
.products-content.prclass .pro-list .list-1{width: 100%;
min-width:100%;
max-width:100%;}
.products-content.prclass .pro-list .list-1 h3.pro-name{ text-align:left; text-indent:20px; color:#ffffff; background:#0071b3; padding-top:0px;justify-content: left;
align-items: left;}
.products-content.prclass .pro-list .list-1 h3.pro-name a{color:#ffffff;}
.products-content.prclass .pro-list .list-1 .pro-img{width:20%; float:left;height:auto; margin-right:3%; padding:0px}
.products-content.prclass  .pro-img_list dl{width:72%; float:left; padding-top:15px; padding-bottom:15px; margin-top:2%; margin-bottom:2%}
.products-content.prclass  .pro-img_list dl dd{ margin-right:1%; float:left; line-height:40px; border:1px solid #dddddd; text-align:center; margin-bottom:10px}
.products-content.prclass .pro-img_list dl dd a:hover{color: #ffffff;
background: #0071b3;}
.products-content.prclass .pro-img_list dl dd a{ display:block; padding:2px 25px ;}
.products-content.prclass  .pro-list .list-1 .pro-img img{max-height:300px;height:auto}


.prallclass_list{background-color: #ededed;}
.prallclass_list_center{ margin:0 180px}
.prallclass_list_center ul li{float: left;
width: 20%;
text-align: center;
position: relative;}

.prallclass_list_center ul li a{
float: left;
font-size: 16px;
color: #666;
border-left: 1px solid #cfcfcf;
width: 99.7%;line-height: 60px;}
.prallclass_list_center ul li a:hover{ background:#ffffff; color:#0071b3}
.search_jg{padding: 0 180px;}
.search_all{ margin:0 180px}
.search_all .news_list li{ line-height:30px; background:url(../images/comment.gif) no-repeat left center; text-indent:20px}
.search_all .news_list{ padding:0; padding-bottom:50px}
.search_all h1{ padding:0; margin:0; margin-top:15px; margin-bottom:15px;}
.floatright img{ float:right}
.date_search{ float:right}
.list_text_pic{width:20%; float:left; margin-right:3%}
.down_text{width:77%; float:left}
.common-container .news-content .news-list.downlist .list-2{ border:none; border-bottom:1px dashed #dddddd;}
.common-container .news-content .news-list.downlist .list-2 .news-info .news-title a{ display:inline; background:url(../images/down.gif) no-repeat center left; padding-left:25px}
.common-container .news-content .news-list.downlist .list-2 .news-info .news-date{ float:right}

@media screen and (max-width: 639px){
.news_left{width:100%; margin:0; padding:0; margin-bottom:10px}
.news_center {
  width: 100%; margin:0; padding:0; margin-bottom:10px}
  .news_right {
  width: 100%; margin:0; padding:0; margin-bottom:10px}
.products-content.prclass .pro-list .list-1 .pro-img {
  width: 100%; margin:0; padding:0; margin-bottom:10px}
  .products-content.prclass .pro-img_list dl {
  width: 94%; padding:3%}
  .products-content.prclass .pro-img_list dl dd a {
  display: block;
  padding: 2px 15px;
  font-size: 15px; line-height:30px;
}

.products-content.prclass .pro-img_list dl dd {
margin-bottom: 5px;
}
.prallclass_list_center {
  margin: 0 20px;
}
.prallclass_list_center ul li {
  float: left;
  width: 50%;}
 .header-top{ display:none}
 .page_banner {
  margin-top:0px;
}
 }
.pp_zm{ padding:20px 180px; margin-top:30px}
.pp_zm a{ padding:5px 6px}
.pp_zm a.on{ color:#0071b3}
.column-pagination{padding:20px 180px; text-align:right}
.pro_pp a{ display:inline-block;padding-left:5px; padding-right:5px;}
.icon-home, .icon-phone, .icon-envelope, .icon-commenting {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:768px) {
	.about_con {
margin: 6vw 3vw 0;
}
.about_con li {
  float: left;
  width: 45%;}
  .factory_list {
margin: 6vw 3vw 0;
}
.pro_pp a {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
   margin-bottom:5px
}
.factory_left .pro_listall li {
  width: 48%;}
  .home-container .hot-product ul {
margin: 6vw 3vw 0;
}
.home-container .partners {
margin: 6vw 3vw 0;
}
.column-pagination {
margin: 6vw 3vw 0;
}
.products_pptitle {
  padding: 0 ; padding-bottom:10px
}
.products_intro{  padding: 0 ; padding-bottom:10px}
.column-pagination {
  padding:0px; padding-bottom:10px
}
}